2016-04-16 13 views
0

UIルーターを使用してルーティングを開発しようとしていますが、デバッグ中にエラーが発生します。

Error: [$injector:modulerr] Failed to instantiate module uidemo due to: urlRouterProvider is not defined 

私は以下のようにJSファイルにdepencencyを渡している:

var app= angular.module("uidemo",['ui.router']); 

私は私のHTMLファイル内のjsファイルへの参照を含めました

私は以下のエラーを取得しています以下のように。

<script type="text/javascript" src="libs/angular.js"></script> 
<script type="text/javascript" src="libs/angular-ui-router.js"></script> 
<script type="text/javascript" src="js/app.js"></script> 
<script type="text/javascript" src="views/home/homeCtrl.js"></script> 
<script type="text/javascript" src="views/dashboard/dashboardCtrl.js"></script> 

なぜこのエラーが発生するのですか。どのように解決することができます。お使いの構成で

app.config(function($stateProvider, $urlRouterProvider){ 
    urlRouterProvider.otherwise('/home'); 
    $stateProvider.state('home', { 
     'url':'/home', 
     'templateUrl':"views/home/home-tpls.html", 
     'controller':"homeCtrl as home" 
    }).state('dashboard', { 
     'url':'/dashboard', 
     'templateUrl':"views/dashboard/dashboard-tpls.html", 
     'controller':"dashboardCtrl as db" 
}) 
+2

の前に$はあなたでし必要

app.config(function($stateProvider, $urlRouterProvider){ $urlRouterProvider.otherwise('/home'); 

に変更する必要があります状態を設定した場所にコードを追加しますか? –

+0

app.configを(関数($ stateProvider、$ urlRouterProvider){ urlRouterProvider.otherwise( '/ホーム'); $ stateProvider .state( 'ホーム'、{ 'URL': '/ホーム' 、 'templateUrl': "ビュー/ホーム/ホームtpls.html"、 'コントローラ': "ホームとしてhomeCtrl" })状態( 'ダッシュボード'、{ 'URL': '/ダッシュボード'、 'templateUrl': "views/dashboard/dashboard-tpls.html"、 'コントローラ': "dbとしてダッシュボードのCtrl" }); – vishwa

+0

これは '$ urlRouterProvider.other ( '/ home'); 'の代わりに' urlRouterProvider.otherwise( '/ home'); ' –

答えて

0

問題があなたの

app.config(function($stateProvider, $urlRouterProvider){ 
    urlRouterProvider.otherwise('/home'); 

であるように思われる、あなたが単にurlRouterProvider

+0

助けてくれてありがとう。 – vishwa

+0

@vishwaあなたの問題を解決した場合、この回答を受け入れることによって、いつでも私に感謝し、他の人を助けることができます。 –

関連する問題