Question

我有一个简单的Angular服务，它使用$ http来调用API。

app.service("MyService", function($http){

  this.api = function(obj){

    return $http.post("/some-route", obj).success(function(data){

      //process data in various ways here

      var returnObj = {
        complete: true,
        data: data
      };

      return returnObj;

    });

  }

});

在$ http回调中，我在返回之前处理数据。当我在控制器中调用此服务时，我希望获得处理过的数据。

以下仅提供未处理的数据：

MyService.api(someObj).success(function(data){
  console.log(data);
});

如何从回调中获取已处理的数据？

Answer 1

我已经在一个plunker中测试了你的代码，猜猜是什么？它为我工作。你可以确认一下，或者发给我更多信息，如果我能提供帮助，我很高兴。

Plunker

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

app.service("MyService", function($http){

  this.api = function(obj){

    return $http.post("http://jsonplaceholder.typicode.com/posts", obj).success(function(data){

      //process data in various ways here
      console.log(data);
      var returnObj = {
        complete: true,
        data: data
      };

      return returnObj;

    });

  }

});

app.controller('MainCtrl', function($scope,MyService) {
  $scope.data = 'World';
  MyService.api({oi: true}).success(function(data){
    $scope.data = data
  });
});

更新：我误解了你的问题。您希望处理回调中的数据以在操作中对其进行操作。你的代码不起作用，因为success（）实际上返回了一个promise，但它没有改变它，它返回原始的。要使用的是then（），它是可链接的并返回promise的修改版本。我对plunker进行了更改，以反映我对场景的新看法。这是新代码。谢谢你的时间。

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

app.service("MyService", function($http){

  this.api = function(obj){

    return $http.post("http://jsonplaceholder.typicode.com/posts", obj).then(function(data){

      //process data in various ways here
      console.log(data);
      var returnObj = {
        complete: true,
        data: data
      };

      return returnObj;

    });

  }

});

app.controller('MainCtrl', function($scope,MyService) {
  $scope.data = 'World';
  MyService.api({oi: true}).then(function(data){
    $scope.data = data
  });
});

New Plunker

Answer 2

success函数不会创建新的承诺，因此您的控制器成功回调将注册到与服务（原始承诺）相同的承诺。

相反，您可以使用then，因此它会创建一个新的承诺，将使用您的returnObj对象解决：

// service
return $http.post("/some-route", obj).then(function(data){

// controller
myService.api().then(function(data) {

在AngularJS服务中使用$ http回调

2 个答案: