AngularJS маршрутизация с помощью templateUrl
У меня проблема с маршрутизацией AngularJS: я не получаю отзывов об этой странице. Нет ошибок или переключателей вида.
Я проверил свою реализацию модуля, но он объявлен правильно. Затем я искал опечатки, такие какtemplateURL
, но я не нашел ни одного. Я также пытался использоватьng-href
вместоhref
в списке, но тогда ссылки больше не были кликабельными.
И мой код:
Создал мою навигацию:
<body ng-app="Productportfolio">
<ul>
<li>
<a href="#/home">Home</a>
</li>
<li>
<a href='#/privat'>Log in</a>
</li>
</ul>
<ng-view></ng-view>
<!--own js -->
<script src="app.js"></script>
<!--Controller -->
<script src="ProductCtrl.js"></script>
<!--Services -->
<!--Direktives-->
</body>
Сделал шаблоны:
//home.html
<div>
<h1> Home </h1>
</div>
//private.html
<div>
<h1> Private</h1>
</div>
Объявлен угловой модуль:
angular.module('Productportfolio', ['ngRoute'])
Добавил $ routeProvider в мою конфигурацию:
angular.module('Productportfolio', ['ngRoute', 'ProductService', 'ProductCtrl'])
.config(['$routeProvider, $locationProvider', function ($routeProvider, $locationProvider) {
$routeProvider
.when('/home', {
templateUrl: 'home.html',
controller: 'ProductCtrl'
})
.when('/private', {
templateUrl: 'private.html',
controller: 'ProductCtrl'
})
.otherwise({
redirectTo: '/home',
controller: 'ProductCtrl'
});
$locationProvider.hashPrefix('!');
}]);