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

Posted 2023-02-23

【中文标题】如何在两个页面之间进行 ngRoute

【英文标题】：How to ngRoute between two pages

【发布时间】：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>

【参考方案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。