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"
})
の前に$はあなたでし必要
に変更する必要があります状態を設定した場所にコードを追加しますか? –
app.configを(関数($ stateProvider、$ urlRouterProvider){ urlRouterProvider.otherwise( '/ホーム'); $ stateProvider .state( 'ホーム'、{ 'URL': '/ホーム' 、 'templateUrl': "ビュー/ホーム/ホームtpls.html"、 'コントローラ': "ホームとしてhomeCtrl" })状態( 'ダッシュボード'、{ 'URL': '/ダッシュボード'、 'templateUrl': "views/dashboard/dashboard-tpls.html"、 'コントローラ': "dbとしてダッシュボードのCtrl" }); – vishwa
これは '$ urlRouterProvider.other ( '/ home'); 'の代わりに' urlRouterProvider.otherwise( '/ home'); ' –