javascript - Trello 应用程序无法在 Angularjs (routeProvider) 中实例化

Question

我有这个错误

Failed to instantiate module trelloApp due to:
Error: [$injector:unpr] http://errors.angularjs.org/1.4.5/$injector/unpr?p0=%24ro...
at Error (native)
at https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:6:416
at https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:40:307
at d (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:38:308)
at Object.e [as invoke] (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:39:64)
at d (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:37:279)
at https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:37:403
at n (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:7:322)
at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:37:180)
at eb (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:40:435

在我添加这几行之后就出现此错误:

trelloApp.config(['$routeProvider',
 function($routeProvider) {
$routeProvider.
 when('/board/:idBoard', {
   templateUrl: 'trello.php',
   controller: 'boardsController'
 }).
 when('/card/:idCard', {
   templateUrl: 'trello/views/cards.php',
   controller: 'cardsController'
 }).
 otherwise({
   redirectTo: 'trello.php'
 });
}]);

我不知道为什么。我正确命名了 Controller 和 templateUrl。

我已正确声明我的应用程序:

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

我看到了另一种不使用 .config() 创建routeProvider的方法，这可能是我的问题的根源吗？

PS:我没有忘记联系https://code.angularjs.org/1.4.5/angular-route.js

Answer 1

$routeProvider 是 ngRoute 模块中的一项服务。

您必须将此模块导入到您的应用中。

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

请参阅 angular docs 上的以下示例.