角服务依赖注入不起作用

Question

我无法获得自定义服务的Angular.js依赖项注入功能。

这是我的自定义工厂，它确实从自定义api接收数据。

myApp.factory('myDataService', ['$http', function($http){

   myDataService.getData = function() {

    $http.get('/api/reviews')
    .success(function(data, status, headers, config) {

        console.log("Data received");
        return data;

    })
    .error(function(data, status, headers, config) {
        console.error("No data received");
    })

};

return myDataService;

}]);

但是，当我在主控制器中注入服务时，编译器会指出未定义myDataService。

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

myApp.controller('ListCtrl', ['$scope', 'myDataService', function($scope, myDataService) {


    $scope.books = myDataService.getData();

...

这是为什么？

Answer 1

您的工厂必须退货。 注入的返回值是：

myApp.factory('myDataService', ['$http', function($http){

   var myDataService = {};
   myDataService.getData = function() {
        ...
  })
    return myDataService;
};

有关Angular工厂的更多信息