Неизвестный поставщик: ServiceProvider <- Service <- Контроллер

Question

Быстро стучал головой по этой проблеме часами и не может найти решение на SO.

У меня есть следующие:

//controller.js 
(function() { 
'use strict'; 

angular 
    .module('seed-module') 
    .controller('SeedPageController', SeedPageController); 

SeedPageController.$inject = ['companyListPrepService', 'logger']; 

function SeedPageController(companyListPrepService) { 
    var vm = this; 
    vm.companies = companyListPrepService; 
    console.log(vm.companies.data); 

} 

angular 
    .module('seed-module') 
    .factory('companyListService', companyListService); 

companyListService.$inject = ['$http', 'logger']; 

function companyListService($http, logger) { 
    return { 
     getCompanies: getCompanies 
    }; 


    function getCompanies() { 
     return $http.get('/companies.json') 
      .success(function (data) { 
       return data; 
     }) 
      .error(function (error) { 
       logger.error('XHR Failed for .' + error); 
     }); 


    } 
} 

И для моих маршрутов:

//seed.config.js 
(function() { 
'use strict'; 

angular 
    .module('seed-module') 
    .config(moduleConfig); 

/* @ngInject */ 
function moduleConfig($translatePartialLoaderProvider, $stateProvider, triMenuProvider) { 
    $translatePartialLoaderProvider.addPart('app/seed-module'); 

    $stateProvider 
    .state('triangular.admin-default.seed-page', { 
     resolve: { 
     companyListPrepService : companyListPrepService 
     }, 
     url: '/seed-module/seed-page', 
     templateUrl: 'app/seed-module/seed-page.tmpl.html', 
     // set the controller to load for this page 
     controller: 'SeedPageController', 
     controllerAs: 'vm' 
    }); 
} 

function companyListPrepService(companyListService) { 
    return companyListService.getCompanies(); 
} 
})(); 

Мой console.log (vm.companies.data); дает мне объект в конце моей REST конечной точки, однако, я получаю

Error: [$injector:unpr] Unknown provider: companyListPrepServiceProvider <- companyListPrepService <- SeedPageController.

Я относительно новым для AngularJS и понятия не имеют, где companyListPrepServiceProvider откуда. Я даже не знаю, где отлаживать это ... любые мысли?

Answer 1

Ваш код работает, как есть. Существует a working example, его часть AS IS. (это правда, что смесь строгой нотации не хорошо, мы должны использовать явное $inject = [...] везде - но это не проблема здесь)

Итак, что может быть проблема? Я бы сказал, что контроллер SeedPageController используется elswhere, в каком-то другом государстве, что делает НЕ содержать Решимость заявление:

resolve: { 
    //companyListPrepService : companyListPrepService 
}, 

Существует такое broken example с сообщением об ошибке испытали выше

Error: [$injector:unpr] Unknown provider: companyListPrepServiceProvider <- companyListPrepService <- SeedPageController

Answer 2

Я собираюсь угадать, что вы сокращаете свой код и как таковой, вам не хватает аннотации DI для вашей функции companyListPrepService. Попробуйте добавить

companyListPrepService.$inject = ['companyListService']; 

до seed.config.js.

---

Кроме того, попробуйте просто использовать массив аннотированный функцию

resolve: { 
    companyListPrepService: ['companyListService', function(companyListService) { 
     return companyListService.getCompanies().then(function(response) { 
      // as mentioned in comments, stop using "success" 
      return response.data; 
     }); 
    }] 
}