将参数传递给 AngularJS $http 工厂

Question

我为 $http 创建了一个工厂，如下所示

TestApp.factory('TestHttpFactory', function ($http) { 
    return $http({
        method: 'GET',
        url: 'http://www.domain.com/api/get_item/?item_id=:id',
        params: { id: '@id' }
    });
});

在控制器中，我需要获取 API 返回的值（如下所示）。为了获取数据并在代码中使用它，我使用了成功的方法，效果很好：

var MyCtrl = function ($scope, $location, $http,   $routeParams,  TestHttpFactory) {

    TestHttpFactory
        .success(function (data) { 
            $scope.item =  data;
            //do something with $scope.item
    }); 
};

但是，我不确定如何将参数传递给工厂，以下失败并出现错误：object is not a function。

TestHttpFactory({id : $routeParams.id})
        .success(function (data) { 
            $scope.item =  data; 
    }); 

我应该如何将参数传递给工厂？

Answer 1

你不能，因为你正在使用一个被调用的函数。让我们重构你的“工厂”/服务

TestApp.factory('TestHttpFactory', function ($http) { 
    return function(id){
         return $http({
            method: 'GET',
            url: 'http://www.domain.com/api/get_item/?item_id=:id',
           params: { id: id }
         });

    }
});

然后在你的控制器中你可以做

var MyCtrl = function ($scope, $location, $http,   $routeParams,  TestHttpFactory) {

    TestHttpFactory(1234)
        .success(function (data) { 
            $scope.item =  data;
            //do something with $scope.item
    }); 
};