Маршрутизация не работает, когда я нажимаю второй раз
Привет всем, я использую angularjs и работаю с функциональностью маршрутизации (поставщик маршрутов), она работает впервые, только когда я щелкаю второе меню, она не перенаправляет, и я не получаю никакой ошибки, также в консоли помогите, как решить здесь, я прикрепил свой код
код
<!DOCTYPE html>
<html ng-app="app" >
<head>
<script src="assets/js/AngularJS1.3.12.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script>
<script src="controller/module.js"></script>
</head>
<body class="no-skin" >
<a href="#/managerole">role</a>
or
<a href="#/manageuser">user</a>
<div ng-view></div>
</body>
</html>
module.js
var app = angular.module("app", [ "ngRoute"]);
// configure our routes
app.config(['$routeProvider','$locationProvider','$httpProvider',function ($routeProvider,$locationProvider, $httpProvider) {
$locationProvider.hashPrefix('');
// route for the about page
$routeProvider
.when('/', {
templateUrl: 'UnderConstruction.html'
})
.when('/managerole', {
templateUrl: 'role.html',
controller: 'RoleViewCtrlq'
})
.when('/manageuser', {
templateUrl: 'user.html',
controller: 'UserController'
});
}]);
app.controller('RoleViewCtrlq', function($scope) {
$scope.message = 'Look! I am an Role page.';
});
app.controller('UserController', function($scope) {
$scope.message ='Look! I am an user page.';
});
2 ответа
Пожалуйста, попробуйте это:
<body class="no-skin" >
<a href="#!managerole">role</a>
or
<a href="#!manageuser">user</a>
<div ng-view></div>
</body>
Согласно вашему коду вы забыли добавить тег ng-view на вашей странице HTML
Вот пример ниже, чтобы помочь вам
https://www.w3schools.com/angular/tryit.asp?filename=try_ng_routing_controller