2017-08-03 65 views
1

應用程序代碼如下所示:AngularJS - ngRoute未加載?

var myApp = angular.module('myApp', ['ngRoute']); 

myApp.config(['$routeProvider', function($routeProvider){ 
    $routeProvider. 
    when('/login', { 
     templateUrl: 'views/login.html', 
     controller: 'RegistrationController' 
    }). 
    when('/register', { 
     templateUrl: 'views/register.html', 
     controller: 'RegistrationController' 
    }). 
    when('/succes', { 
     templateUrl: 'views/success.html', 
     controller: 'SuccessController' 
    }). 
    othervise({ 
     redirectTo: '/login' 
    }); 
}]); 

,我會運行它拋出一個錯誤:

Uncaught Error: [$injector:modulerr] 
    at angular.js:88 
    at angular.js:4957 
    at p (angular.js:410) 
    at g (angular.js:4917) 
    at gb (angular.js:4839) 
    at c (angular.js:1949) 
    at Uc (angular.js:1970) 
    at xe (angular.js:1855) 
    at angular.js:33826 
    at HTMLDocument.b (angular.js:3468) 

,但我有angular-route

<script src="js/lib/angularjs/angular.min.js"></script> 
<script src="js/lib/angularjs/angular-route.min.js"></script> 
<script src="js/app.js"></script> 

任何線索,爲什麼它表明ngRoute沒有加載?

+0

什麼是完整的錯誤信息告訴你關於哪個模塊不可用?注意如果你使用angular的開發版本會得到更詳細的錯誤輸出 – charlietfl

+0

你有沒有檢查你的應用名稱? – 2017-08-03 18:11:17

+0

@AvrilLavigne是一樣的 - 'myApp' – JackTheKnife

回答

1

問題就在這裏,你應該使用的othervise否則代替。由於配置不正確,它會嘗試加載模塊,因此也會失敗。

myApp.config(['$routeProvider', function($routeProvider){ 
    $routeProvider. 
    when('/login', { 
     templateUrl: 'views/login.html', 
     controller: 'RegistrationController' 
    }). 
    when('/register', { 
     templateUrl: 'views/register.html', 
     controller: 'RegistrationController' 
    }). 
    when('/succes', { 
     templateUrl: 'views/success.html', 
     controller: 'SuccessController' 
    }). 
    otherwise({ 
     redirectTo: '/login' 
    }); 
}]); 
+2

它可以有多個答案,我提供瞭解釋 – Sajeetharan

+0

無論如何有沒有IDE編輯器可以選擇AngularJS指令,這樣我就可以避免拼寫錯誤? – JackTheKnife

+0

你可以使用Visual Studio代碼! – Sajeetharan

2

我可以看到othervise代替否則

+4

好眼睛!爲了使答案更好,指出錯誤發生的位置會很有幫助。 – Brian

+0

@praveenuics只是哇!這樣的錯字導致問題。無論如何,有沒有可以選擇AngularJS指令的IDE編輯器? – JackTheKnife