角度路由提供程序不執行

我目前正在增加角度，並試圖使動態路由工作。角度路由提供程序不執行

注：我已經看過了這個問題：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'; 
});

在此先感謝...

來源

2013-07-19 Spaajanen

創建普拉克或的jsfiddle展現問題 –

@Sarah我同意劉燁的看法，我沒有看到任何明顯的表現，你做錯了。這個問題可能與你正在使用的Angular版本有關（我相信他們已經開始打破新版本的最新版本）。角色團隊已經決定推進到第2版，他們將拆分Angular框架的所有部分，以便開發人員可以決定他們想要的部分並將其餘部分留下（減輕負載並允許更多的互操作性） – shaunhusain

也許這將幫助你：

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

此區y在AngularJS上有一些相當不錯的教程。或者關於routeProvider的下一部分視頻。

來源

2013-07-19 14:37:17 JustGoscha

John Lindquist已經完成了這些視頻是一個非常棒的工作（他們是我用來弄溼我的第一個資源，而且我經常回來）。我和他在同一家公司工作了幾年（Roundarch，他是我見過的非常好的AS3開發者），你應該給他幾塊錢（給他買一杯啤酒，或者給他買一個圍嘴）如果他幫助你。 – shaunhusain

如果您使用的版本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-02 05:07:42 shaolang

角度路由提供程序不執行

回答

相關問題