角のある単純なシングルページアプリ - 不明なプロバイダ：$ routeProvider

Question

これは本当にシンプルだと私は投票したが、どんな助けも大いに評価されるだろうと確信している。

私は、単純な単一ページのアプリケーションを設定していここplunker

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

を持っています。

コンソールにエラーが表示されます。

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

Answer 1

ngRouteはdepedendency、その角度モジュール（自分の設定機能からからngRouteを削除）ではありません。あなたは内部のアプリケーションモジュールのdepedency配列を注入する必要があります。

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

また、あなたは角APIを使用しているとき、彼らは両方ここにあなたがangular-route.js古いバージョン（1.2.x）を使用しているように、同じバージョンである必要があり、確認してください。最新バージョンの角度APIを使用する必要があります。だから、あなたはページ上のapp.jsを参照するために見逃していたこととは別に、両方angular.js & angular-route.js

ため1.4.8バージョンを使用する必要があります。また、あなたはあなたがそれを使用できるようにモジュールを挿入する必要があるファイルにmissingコントローラ

Wokring Plunkr

Answer 2

あなたは、あなたが角度・ルート・バージョンは、角に行く参照されていることを確認し、設定にないモジュールに

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

またを

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

をngRouteを注入する必要がありますあなたはプランナーのapp.jsについて言及していません。ここで働いてDEMO

Answer 3

を追加します。

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

Answer 4

この問題を解決するには、ルートプロバイダーを追加してライブラリを追加する必要があります。