Angular einfache einzelne Seite App - Unbekannter Anbieter: $ routeProvider

Question

Ich bin mir sicher, das ist wirklich einfach und ich werde abstimmen, aber jede Hilfe würde sehr geschätzt werden.

Ich habe einen Plunker hier

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

Ich bin eine einfache einzelne Seite App einrichten.

Ich erhalte einen Fehler in der Konsole.

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

Answer 1

ngRoute ist kein depedendency, sein ein Winkelmodul (entfernen ngRoute aus aus der Config-Funktion). Sie sollten es mit einem Inside-App-Modul-Dependency-Array injizieren.

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

auch sicherstellen, wenn Sie Winkel API verwenden, sie beide sollten von derselben Version sein, wie hier Sie verwenden angular-route.js ältere Version (1.2.x). Sie sollten die neueste Version der eckigen APIs verwenden. So sollten Sie 1.4.8 Version für beide angular.js & angular-route.js

verwenden Abgesehen davon, dass Sie verpasst hatte app.js auf der Seite zu verweisen. Fügen Sie auch missing-Controller in der Datei

Wokring Plunkr

Answer 2

Sie müssen ngRoute an das Modul nicht auf die Config injizieren,

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

sicher, dass Sie die Version refered haben Winkel Route mit dem Winkel geht,

<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> 

Auch Sie haben die app.js in Ihrem Plumbing nicht referenziert. Hier ist die Arbeits DEMO

Answer 3

Sie haben das Modul zu injizieren, so dass Sie es verwenden können.

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

Answer 4

Sie müssen Routenanbieter injizieren und Bibliotheken hinzufügen, um dieses Problem zu beheben.