angularjs - 角 $http 在服务中，返回

Question

我的工厂有这个

productsFactory.getOneProduct = function(){
  $http({
    method: 'GET',
    url: '/api/products/' + $stateParams.productID
  }).
    success(function(data, status, headers, config){

      console.log(data);
      return data;
    }).
    error(function(data, status, headers, config){

    });
}

这是我的控制器：

$scope.selectedProduct = ProductsFactory.getOneProduct();

console.log(data) 输出我想要的数据。但是当我从控制器调用它时，我得到“未定义”。猜猜这与从匿名函数返回有关吗？我做错了吗？

Answer 1

您需要Promise返回从$http：

productsFactory.getOneProduct = function(){
  return $http({
    method: 'GET',
    url: '/api/products/' + $stateParams.productID
  });
}

然后在你的控制器中：

productsFactory.getOneProduct().then(successFunction, errorFunction);

您可以进一步简化工厂调用：

 productsFactory.getOneProduct = function(){
      return $http.get('/api/products/' + $stateParams.productID);
    }

Answer 2

您的getOneProduct函数不返回任何内容，这意味着它隐式返回undefined，因此出现错误。

$http返回一个承诺，您必须从您的函数中返回该承诺。因此，将您的代码更改为：

productsFactory.getOneProduct = function(){
  return $http({
    method: 'GET',
    url: '/api/products/' + $stateParams.productID
  }).
    success(function(data, status, headers, config){

      console.log(data);
      return data;
    }).
    error(function(data, status, headers, config){

    });
}

然后在你的控制器中：

productsFactory
    .getOneProduct()
    .then(response){});