2017-08-03 50 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