Angularjs ngRoute未按预期工作_Angularjs_Ngroute_Angularjs Ng Route

Angularjs ngRoute未按预期工作

angularjs

Angularjs ngRoute未按预期工作,angularjs,ngroute,angularjs-ng-route,Angularjs,Ngroute,Angularjs Ng Route,我正在尝试学习angular中的路线，但在显示正确的文本时遇到了一些问题。当我运行我的页面时，似乎一切正常，但当我单击链接时，视图没有从main.html更改为second.html 以下是我的代码片段 <html ng-app="myApp">  <script src="https://code.angularjs.org/1.6.1/angular.min.js"></sc

我正在尝试学习angular中的路线，但在显示正确的文本时遇到了一些问题。当我运行我的页面时，似乎一切正常，但当我单击链接时，视图没有从main.html更改为second.html

以下是我的代码片段

<html ng-app="myApp">

    <!-- load angular via CDN -->
    <script src="https://code.angularjs.org/1.6.1/angular.min.js"></script>
    <script src="https://code.angularjs.org/1.6.1/angular-route.min.js"></script>
    <script src="app.js"></script>
</head>
<body>

    <header>
        <nav class="navbar navbar-default">
        <div class="container">
            <div class="navbar-header">
                <a class="navbar-brand" >AngularJS</a>
            </div>

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

            </ul>
        </div>
        </nav>
    </header>

    <div class="container">

        <div ng-view></div>

    </div>

</body>

尝试ui路由器而不是ngRoute

我在很多项目中使用它，它工作得非常好

doc:

在index.html的第一行，您正在打开一个

标记，但您正在以一个

标记结束，另外，我建议您将

ng app=“myApp”

放在

标记的开头，方法如下：

<head>
    <!-- everything you need -->
</head>
<body ng-app="myApp">
    <!-- and stuff -->
</body>

如果在纠正这些错误之后，这并没有改变什么，我真的不知道有什么问题，一切看起来都很好。你可以做StackOverflow谢谢！我会的

<h1>This is second</h1>

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", "$location",     function($scope, $log, $location) {

}]);

myApp.controller('secondController', ["$scope", "$log", "$location",     function($scope, $log, $location) {

}]);

<head>
    <!-- everything you need -->
</head>
<body ng-app="myApp">
    <!-- and stuff -->
</body>