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

Question

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

Это код в приложении. js file.

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>

Answer 1

Мне удалось исправить проблему, изменив 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>

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