在包含['ngRoute']后获取$ injector：modulerr

包含ngRoute后出现$injector:modulerr错误。使用AngularJS 1.2.26

var app = angular.module('myApp', ['ngRoute']); 
app.config(function ($routeProvider) { 
    $routeProvider.when('/', {controller: indexController1, templateURL: 'index1.html'}); 
    $routeProvider.when('/view/:id', {controller: indexController2, templateURL: 'index2.html'}); 
    $routeProvider.otherwise({redirectTo: '/'}); 
}); 
app.controller('indexController1', function ($scope) { .... } 
app.controller('indexController2', function ($scope, $routeParams) { .... }

HTML模板

<html ng-app="myApp"> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular-route.min.js"></script> 
<script src="app.js"> 
</head> 
<body> 
<div ng-view></div> 
</body> 
</html>

来源

2014-10-12 KaA6438

邮政错误的完整堆栈跟踪。在开发过程中不要使用缩小的文件。想一想：你是否定义了名为indexController1和indexController2的变量？那么你如何使用它们？ – 2014-10-12 06:28:51

有在你的代码的一些问题：

的的.config

你应该使用嵌套.when而不是再次定义控制器$routeProvider

名称报价

失踪控制器

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

app.config(function ($routeProvider) { 
    $routeProvider 
    .when('/', { 
     templateUrl: 'index1.html', 
     controller: 'indexController1' 
    }) 
    .when('/view/:id', { 
     templateUrl: 'index2.html', 
     controller: 'indexController2' 
    }) 
    .otherwise({ 
     redirectTo: '/' 
    }); 
}); 

app.controller('indexController1', function ($scope) { 

}); 

app.controller('indexController2', function ($scope, $routeParams) { 

});

的HTML

关闭);缺少</script>紧密之间标签。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular-route.min.js"></script> 
<script src="app.js"></script>

这里检查工作的例子ngRoute

来源

2014-10-12 07:05:54 blfuentes

非常感谢。在您修改代码后，我仍然遇到了这个问题，但之后我观察了您发送的Plunker中的代码，发现了主要问题。问题是在routeProvider中，我正在写控制器名称（引用函数）而不是字符串（它应该是字符串'controllerName'）。 – KaA6438 2014-10-12 10:04:40

是的。这也是我的答案。如果有助于解决问题，请将其标记为答案。 – blfuentes 2014-10-12 12:12:27

在包含['ngRoute']后获取$ injector：modulerr

回答

相关问题