Angular簡單單頁應用程序-未知提供程序：$ routeProvider

Question

我敢肯定，這確實很簡單，並且我會被否決，但是任何幫助將不勝感激。

我這里有一個小矮人

https://plnkr.co/edit/5tDXBPt4Ff3mM4ac5hWK?p=preview

我正在設置一個簡單的單頁應用程序。

我在控制台中遇到錯誤。

Error: $injector:unpr
Unknown Provider
Unknown provider: $routeProvider

Answer 1

ngRoute不是依賴關系，它是一個有角度的模塊（從配置函數中刪除ngRoute ）。 您應該將其與內部應用程序模塊依賴關系數組一起注入。

angular.module('cxoJsApp',['ngRoute']);

還要確保，當您使用angular API時，它們應該具有相同的版本，就像這里您使用的是angular-route.js舊版本（ 1.2.x ）。 您應該使用最新版本的angular API。 因此，您應同時為angular.js和angular-route.js使用1.4.8版本

除此之外，您還沒有在頁面上引用app.js。 同時在文件中添加missing控制器

沃金·普倫克

Answer 2

您需要將ngRoute注入模塊而不是配置中，

  angular.module('cxoJsApp', ['ngRoute']);

確保您已經參考了角度路線版本和角度路線，

 <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
 <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-route.js"></script>

另外，您還沒有在插件中引用app.js。 這是工作中的DEMO

Answer 3

您必須注入模塊才能使用它。

angular.module('cxoJsApp', ['ngRoute']);

Answer 4

您需要注入路由提供程序並添加庫來解決此問題。