Как ngRoute между двумя страницами

Попытка использовать ngRoute для маршрутизации между двумя страницами, main.html и second.html. Используя угловую версию 1.7. По умолчанию index.html соответствует правильному main.html, но не будет перенаправляться на second.html при нажатии на ссылку Second. Это страница, на которой я пытаюсь это сделать.

Это код в файле app.js.

var myApp = angular.module('myApp', ['ngRoute']);

myApp.config(function($routeProvider) {
    $routeProvider

    .when('/', { 
        templateUrl: 'pages/main.html',
        controller: 'mainController'
     })
    .when('/second', { 
        templateUrl: 'pages/second.html',
        controller: 'secondController'
    })
});

myApp.controller('mainController', ['$scope', '$log', 

    function($scope, $log) {

}]);

myApp.controller('secondController', ['$scope', '$log', 

    function($scope, $log) {

}]);

В html есть эти div.

<div class="container">

    <div ng-view></div>

</div>

angularjs ngroute angularjs-ng-route
person larry8989    schedule 17.03.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Мне удалось решить проблему, изменив href на ng-href внутри тега заголовка и используя значение #! вместо #. Ниже мои новые навигационные ссылки внутри моего заголовка.

        <ul class="nav navbar-nav navbar-right">
            <li><a ng-href="#!"><i class="fa fa-home"></i> Home</a></li>
            <li><a ng-href="#!/second"><i></i> Second</a></li>
        </ul>

Я просто повторил то, что видел здесь.

person larry8989    schedule 17.03.2020