javascript - AngularJS 的路由问题

Question

我不明白为什么我的路由不起作用，“其他”情况正在起作用，但是当我单击其中一个菜单时，路由不会自动加载相关页面。谁能帮我理解我的代码有什么问题吗？

这是与路由部分相关的代码:

var myColors = angular.module('myFirstModule', ['ngRoute']);
myColors.config(['$routeProvider', function($routeProvider) {
  $routeProvider
    .when('/home', {
      templateUrl: 'home.html'
    })
    .when('/directory', {
      templateUrl: 'directory.html',
      controller: 'myFirstModule'
    }).otherwise({
      redirectTo: '/directory'
    });
}]);

这是我放置链接的 HTML div:

<ul>
    <li><a href="#/home">Home </a></li>
    <li><a href="#/directory">Directory</a></li>
</ul>    

这是一个Plunker我的完整代码

Answer 1

Since you are using AngularJS 1.6 ，你需要添加一个!是你的href路由。
例如:href="#/home" 变为 href="#!/home"。

<ul>
    <li><a href="#!/home">Home</a></li>
    <li><a href="#!/directory">Directory</a></li>
</ul>    

如果您想删除此前缀，请参阅 this answer .