角度簡單的單頁應用程序 - 未知的提供者：$ routeProvider

Question

我確定這非常簡單，我會被拒絕投票，但任何幫助都會非常感謝。

我這裏有

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

一個plunker我設置了一個簡單的單頁的應用程序。

我在控制檯中出現錯誤。

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

Answer 1

ngRoute是不是一個depedendency，它的一個角模塊（從你的配置功能刪除ngRoute）。你應該注入內部應用程序模塊依賴數組。

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

還要確保，當您使用的角度API，他們都應該是相同的版本，喜歡這裏使用的是angular-route.js舊版本（1.2.x）。您應該使用最新版本的角度API。所以，你應該從你已經錯過指在頁面上app.js使用1.4.8版本都angular.js & angular-route.js

分開。另外，將文件

Wokring Plunkr

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

你必須注入模塊，使您可以使用它在添加missing控制器。

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

Answer 4

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