Маршрутизация не работает, когда я нажимаю второй раз

Привет всем, я использую 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

Другие вопросы по тегам