如何在两个页面之间进行路由

Question

[尝试使用ngRoute在main.html和second.html两个页面之间进行路由。使用Angular版本1.7。 index.html默认为正确的main.html，但在单击标题为Second的链接时不会路由到second.html。 This是我正在尝试执行的页面。

这是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>

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>

我只是复制了我看到的内容here。