Question

我目前正在使用angular，并试图使动态路由工作。

注意：我已经查看了问题：How to defer routes definition in Angular.js?，我相信我正在做它所说的一切，但我仍然收到错误“unknown provider：$ 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';
});

提前感谢...

Answer 1

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

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

// in JavaScript
var myAppModule = angular.module('rProvider', ['ngRoute']);

Answer 2

也许这会对你有所帮助：

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

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

angular routeprovider没有执行

2 个答案: