注入错误未知的提供者

Question

我正在尝试依赖注入服务，但出现以下错误

错误：[$injector:unpr] 未知提供者：allStatesServiceProvider

脚本：PlanDesignController

(function () {
   'use strict';
   var controllerId = 'PlanDesignController';

   angular.module('myApp').controller(controllerId, 
        ['$scope', 'planDesignService', 'allStatesService', 
        'logger', '$timeout', '$routeParams', '$location', PlanDesignController]);

   function PlanDesignController($scope, planDesignService, allStatesService
                            , logger, $timeout, $routeParams, $location) { }
}

脚本：allStatesService

(function () {
  'use strict';
  var serviceId = 'allStatesService';

  angular.module('myApp')
   .factory(serviceId, ['$http','logger', 'appSettings', 'breeze', allStatesService]);

  console.log("Gets into AllStatesService.js");

  function allStatesService($http, logger, appSettings) {}
}

我可以做些什么来解决这个错误？

Answer 1

我不完全确定问题出在哪里。所以我创建了一个 plunker 来表明你的代码几乎可以工作。检查此working example。稍微调整了一下代码sn-p

angular.module('myApp', []); 

(function () {
  'use strict';
  var controllerId = 'PlanDesignController';

  angular.module('myApp').controller(controllerId, 
    ['$scope', 'planDesignService', 'allStatesService', 
     'logger', '$timeout', '$routeParams', '$location', PlanDesignController]);

    function PlanDesignController($scope, planDesignService, allStatesService
    , logger, $timeout, $routeParams, $location)
    { $scope.text = allStatesService.greet()}

})();

(function () {
  'use strict';
  var serviceId = 'allStatesService';

  angular.module('myApp')
    .factory(serviceId, ['$http', 'logger', 'appSettings', 'breeze'
    , allStatesService]);

 function allStatesService($http, logger, appSettings) {
   var greeting = function() {
     return "Welcome from service"
   };
   return {
     greet : greeting,
   };
 }

})();

现在的主要变化是服务返回一个名为 greet() 的函数的对象。这在控制器中被调用，其结果被放入作用域中。

这段代码 sn-p 显示，它几乎是一样的......但是working。这样可以帮助您找出原始代码中的不同之处......并使其运行