Я новичок в Angular. У меня есть простое приложение для маршрутизации страниц в угловых. У меня есть две страницы, которые я хочу изменить, чтобы изменить URL-страницы:
// item1.html:
<section>{{name}}</section>
// item2.html:
<section>{{details}}</section>
и это моя домашняя страница HTML:
<body ng-app="myApp">
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">WebSiteName</a>
</div>
<ul class="nav navbar-nav">
<li class="active"><a href="# ">Home</a></li>
<li><a href="#/item1">Item 1</a></li>
<li><a href="#/item2">Item 2</a></li>
</ul>
</div>
</nav>
<div class="container" ng-view>
<h3>Basic Navbar Example</h3>
<p>A navigation bar is a navigation header that is placed at the top of the page.</p>
</div>
</body>
// routeApp.js:
var myApp = angular.module('myApp', [
"ngRoute",
'personController'
]);
myApp.config(['$routeProvider', function($routeProvider){
$routeProvider.
when('/',{
templateUrl:'partial/item1.html',
controller:'ListController'
}).when('/item2',{
templateUrl:'partial/item2.html',
controller:'DetailsController'
}).otherwise({
redirect:'/'
});
}]);
// routeController.js:
var personController = angular.module("personController",[]);
personController.controller("ListController", function($scope){
$scope.name="Ali Qadomy";
});
personController.controller("DetailsController", function($scope){
$scope.details="Angular Developers";
});
У меня естьпотратил больше двух дней на изучение проблемы, но я не могу ее найти. любая помощь?