Угловые данные инициализации в $ routeProvider с использованием разрешения

Question

У меня есть приложение AngularJS и есть требование инициализировать данные из REST API до инициализации контроллера. Я использую «разрешение» в routeProvider, а также вводил соответствующее значение в контроллер, чтобы сделать эти данные доступными. Фрагменты кода заключаются в следующем:

RouteProvider фрагмент кода:

myApp.config(function($routeProvider) { 
    $routeProvider 
.... 
.when('/account', { 
     templateUrl : path + 'admin/js/pages/inputs/account.html', 
     controller : 'mainController', 
     resolve: { 
      data: function() { 
       return $http.get(api_path + 'dashboard/get_accounts'); 
      } 
     } 
    }) 

myApp.controller('mainController', function($scope,$http, data, $routeParams, DataService) { 
... 
console.log(data); 
} 

Консоль предполагается отображать данные по я получаю следующее сообщение об ошибке "Ошибка: [$ Инжектор: unpr] Неизвестный поставщик: DataProvider < - данные "

Ваша помощь очень ценится.

Answer 1

Это потому, что поставщик данных еще не создан, и он создает экземпляр контроллера до того, как поставщик готов, проходящий через неопределенный и неизвестный провайдер.

Try что-то подобное, что возвращает обещание:

myApp.config(function($routeProvider, $q) { 
    $routeProvider, $q 
.... 
.when('/account', { 
     templateUrl : path + 'admin/js/pages/inputs/account.html', 
     controller : 'mainController', 
     resolve: { 
      data: function() { 
       return $q.all($http.get(api_path + 'dashboard/get_accounts')); 
      } 
     } 
    }) 

Теперь контроллер не будет экземпляр, пока обещание не решен полностью. В соответствии с документацией для $ routeProvider и тем, как она обрабатывает обещания в решении.

$routeProvider на сайте ANGULAR в

resolve - {Object.=} - An optional map of dependencies which should be injected into the controller. If any of these dependencies are promises, the router will wait for them all to be resolved or one to be rejected before the controller is instantiated. If all the promises are resolved successfully, the values of the resolved promises are injected and $routeChangeSuccess event is fired. If any of the promises are rejected the $routeChangeError event is fired.