javascript - 简单的 AngularJS 路由不起作用

Question

主页 和关于 页面具有简单的标题内容，该内容在运行页面时不会显示。相反，它显示:

Error: $injector:modulerr
Module Error".

我该如何解决这个问题？

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

app.config(function ($routeProvider) {
    $routeProvider.
        .when('/', {
        	templateUrl : 'partial/home.html',
        })
        .when('/about', {
        	templateUrl: 'partial/about.html',
        })
        otherwise({ redirectTo: '/'})
});

<div class="container">
    <div>
      <nav>
          <a href="#/">Home</a>
          <a href="#/about">About</a>
        </nav>
    </div>
</div>

Answer 1

虽然我没有运行您的代码，但我可以看到一个语法错误。

编辑:实际上你有两个语法错误，而不是遗漏了一个 '.'，你在 $routeProvider 之后添加了两个。

app.config(function ($routeProvider) {
$routeProvider. //Two '.'s 
    .when('/', {
        templateUrl : 'partial/home.html',

    })
    .when('/about', {
        templateUrl: 'partial/about.html',

    })
    //No '.' here
    otherwise({ redirectTo: '/'})
});

因此将上面的替换为“.”，这样函数链就不会中断。

app.config(function ($routeProvider) {
$routeProvider
    .when('/', {
        templateUrl : 'partial/home.html',

    })
    .when('/about', {
        templateUrl: 'partial/about.html',

    })

    .otherwise({ redirectTo: '/'})
});