为什么我的基本 routeProvider 不起作用？答案

【问题标题】：Why isn't my basic routeProvider working?为什么我的基本 routeProvider 不起作用？
【发布时间】：2014-03-15 07:21:29
【问题描述】：

我正在学习 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: '/' 
          });
});

【问题讨论】：

标签： angularjs routes route-provider

【解决方案1】：

更新

因为ngRoute has been moved into its own module最近这就是为什么一些过时的教程没有提到它的原因......

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

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

当然也可以将 ngRoute js 文件添加到您的 html..

这里是PLUNKER

【讨论】：

做到了！看了很多教程，都没有提到这一步。
我在努力！没有足够的代表来支持并且太早接受作为答案。我一定会做到的。