Question

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

Answer 1

<强>更新

因为ngRoute has been moved into its own module最近有些过时的教程没有提及它...

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

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

当然可以将ngRoute js文件添加到你的HTML ..

这里是PLUNKER

为什么我的基本路线提供者不工作？

1 个答案: