Угловой: service.setData не является функцией

Question

Почему угловой говорит мне, что setData не является функцией?

angular.module('mdl').factory('DataService', ['$http', '$cookieStore', '$rootScope', 
    function ($http, $cookieStore, $rootScope) { 
     return { 
      setData: function (data) { 
       $rootScope.data = data; 
      }, 
     }; 
    } 
]); 

Это мой контроллер, который вызывает setData.

angular.module('mdl').controller('DataCtrl', ['$scope', '$http', '$location', '$rootScope', 'DataService', 
function($scope, $http, $location, DataService) { 

    $scope.getData = function (id) { 
     $http.post('/rest/data/get', id) 
      .success(function (data, status, headers, config) { 
       DataService.setData(data); 
       $location.path('/main'); 
      }) 
      .error(function (data, status, headers, config) { 

      }); 
    }; 
} 

]);

Answer 1

Существует проблема с инъекциями зависимостей, вы объявляете 6 предметов, а в вашей функции у вас есть 5 предметов. И недостающим является DataService.

['$scope', '$http', '$location', '$rootScope', 'DataService', 
function($scope, $http, $location, $rootScope /*Missing*/, DataService) { 
… 
} 

Answer 2

Когда вы объявляете функцию в сервисе, вы должны передать ссылку на функцию . Вы можете сделать это, как слишком

angular.module('mdl').factory('DataService', ['$http', '$cookieStore', '$rootScope', 
    function ($http, $cookieStore, $rootScope) { 

      this.setData: function (data) { 
       return data; 
      } 

    } 
]); 

и контроллер делают этот завод как функцию заводском зависимость и вызову с как

$scope.data = DataService.setData(); 

Вы не должны использовать $rootScope. Вместо этого вы должны использовать вызов выше

Answer 3

Замените DataService.setData(data); на ваш контроллер, так как вы переименовали фабрику при ее передаче в качестве параметра.