如何在两个页面之间进行 ngRoute答案

【问题标题】：How to ngRoute between two pages如何在两个页面之间进行 ngRoute
【发布时间】：2020-06-28 05:43:51
【问题描述】：

尝试使用 ngRoute 在 main.html 和 second.html 两个页面之间进行路由。使用角度版本 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>

【问题讨论】：

标签： angularjs ngroute angularjs-ng-route

【解决方案1】：

我能够通过使用 #!代替＃。下面是我的标题内的新导航链接。

        <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。

【讨论】：