在包含['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

回答

相關問題