0

我正在学习 AngularJS，但在让一个简单的 routeProvider 工作时遇到了问题。这是非常基本的，所以我很困惑我错过了什么。我对语法和拼写进行了三次检查，但找不到任何遗漏。请帮忙！

这是一个 Plunker：http ://plnkr.co/edit/CUV3ZWXyd36Gamgn8DH0?p=preview

HTML：

<html ng-app="app">

  <head>
    <link rel="stylesheet" href="style.css" />
  </head>

  <body>
    <a href="#/page1">Page 1</a>
    <a href="#/page2">Page 2</a>
    <div ng-view></div>
  </body>

  <script data-require="angular.js@*" data-semver="1.2.14" src="http://code.angularjs.org/1.2.14/angular.js"></script>
  <script src="script.js"></script>  

</html>

脚本：

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

app.config(function ($routeProvider) {
  $routeProvider
      .when('/',
          {
              templateUrl: 'page1.html'
          })
      .when('/page2',
          {
              templateUrl: 'page2.html'
          })
      .otherwise(
          {   redirectTo: '/' 
          });
});
4

1 回答 1

2

更新

因为ngRoute 最近被移到了它自己的模块中，这就是为什么一些过时的教程没有提到它的原因......

您需要将ngRoute注入您的应用程序... 

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

当然，将 ngRoute js 文件添加到您的 html..

这是PLUNKER

于 2014-03-15T07:24:43.533 回答