angularjs - 简单的 AngularJS 路由无法正常工作

Question

出于某种原因，我似乎无法路由到添加 屏幕。我究竟做错了什么？这是我的 app.js

var moviesApp = angular.module('moviesApp', ['ngRoute']);

moviesApp.config(function($routeProvider) {
    $routeProvider
        .when('/', {
            templateUrl: 'partials/home.html',
            controller: 'MoviesController'
        })
        .when('/add', {
            templateUrl: 'partials/add.html',
            controller: 'MoviesController'
        })
        .when('/edit', {
            templateUrl: 'partials/edit.html',
            controller: 'MoviesController'
        });
});

这是 anchor 标签:

<a href="#add">Add Movie</a>

它包含在我的 home.html 模板中，它是 index.html 的一部分。

应用程序不会崩溃...它只是什么都不做。

对我做错了什么有什么想法吗？

Answer 1

可能是因为angularjs 1.6版本中默认的hash-prefix发生了变化。您所写的内容适用于给定的上下文:Proof

您可以通过更改来确认是这种情况:

<a href="#add">Add Movie</a>

到:

<a href="#!add">Add Movie</a>

如果可行，请在以下位置寻找可能的解决方案:

AngularJS: ngRoute Not Working

如果你想让 i 像你期望的那样(版本 1.5)，你可以从链接中选择 soultion 3:

<强>3。回到 1.5 的旧行为 - 手动设置哈希前缀

app.config(['$locationProvider', function($locationProvider) {
  $locationProvider.hashPrefix('');
}]);