TrelloApp не может быть создан в Angular JS (routeProvider)

у меня есть эта ошибка

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'
 });
}]);

И я не знаю, почему. Я правильно назвал контроллеры и templateUrl.

Я правильно объявил свое приложение:

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

Я вижу другой способ создать routeProvider без использования .config(), может ли это быть источником моей проблемы?

PS: я не забыл связаться с https://code.angularjs.org/1.4.5/angular-route.js


person Thomas Mignon    schedule 05.01.2016    source источник
comment
если вы будете использовать не минимизированную версию angular, сообщение об ошибке будет намного яснее. Попробуйте это и посмотрите, имеет ли ошибка больше смысла.   -  person Gustav    schedule 05.01.2016


Ответы (1)


$routeProvider — это служба в модуле ngRoute.

Вы должны импортировать этот модуль в свое приложение.

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

См. следующий пример в документах angular.

person Seth Flowers    schedule 05.01.2016