1

我目前正在增加角度，并尝试使动态路由工作。

注意：我看过这个问题：How to defer routes definition in Angular.js? ，我相信我正在做它所说的一切，但我仍然收到错误“未知提供者：$routeProvider”

我究竟做错了什么？

html:

<!doctype html>
<html ng-app="rProvider">
  <head>
      <link rel="stylesheet" href="css/style.css">
      <script src="lib/angular/angular.js"></script>
      <script src="js/routeProviderTest.js"> </script>
  </head>
  <body>
      <div ng-controller="rControl">
          <h2>Route Controller Test</h2>
          [<a href="r1">Route 1</a> | <a>Route 2</a>]
          <hr/>
          <span class="partial-info">
          Partial: {{routeValue}}
          </span>
          <div ng-view></div>
          <small>The Bottom</small>
      </div>
  </body>
</html>

js：

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

myAppModule.config(function($routeProvider){
    $routeProvider.when("r1",{templateUrl:"/route1.html"});
});

myAppModule.controller('rControl', function($scope, $route){
    $scope.routeValue = 'nothing yet';
});

提前致谢...

4

2 回答 2

3

如果您使用的是 1.2.x 版本，则需要下载angular-route.js，通过<script>标签包含它，并将其添加为 JavaScript 中的依赖模块：

<!-- in HTML -->
<script src='angular-route.js'></script>

// in JavaScript
var myAppModule = angular.module('rProvider', ['ngRoute']);
于 2013-10-02T05:07:42.000 回答
1

也许这会帮助你：

http://www.egghead.io/video/gNtnxRzXj8s

这家伙有一些关于 AngularJS 的非常好的教程。或者下一些关于 routeProvider 的视频。

于 2013-07-19T14:37:17.983 回答