javascript - 组合多个 API 调用和处理后从工厂方法返回 promise

Question

很长一段时间以来，我一直在使用简单的 http 方法返回的 promise 。但是我需要首先链接多个 API 调用并处理数据并返回该数据。我在当前实现中面临的问题是工厂没有返回 promise ，因此没有等待数据并执行 Controller 的下一行。

app.factory('mytestService', ['$http', function($http){
    getSomeDataById: function(id){
    var userAllProjects = [];
     var myHelperService = this.getSecondData;
     this.getFirstData(id).then(function(response){ // first api call
         var idObjectValue = response['result'][0]['id'];
         myHelperService(idObjectValue).then(function(response){ //second api call
           userAllProjects= response['projectList']
        });
   });
    return userAllProjects
   }
]);

当我这样做时现在在 Controller 中:

$scope.allProjects = mytestService.getSomeDataById(1234);
console.log($scope.allProjects);

控制台打印未定义。我知道这是因为，它不会等待服务完成并执行下一行。

我是 Angular Promise 的新手，所以不知道如何处理它。任何人都可以在这里帮助我。 如果您需要任何进一步的信息，请告诉我。

Answer 1

引入 Promise Chaining，它通常优于创建新的 deferred

getSomeDataById: function(id){
    var userAllProjects = [];
    var myHelperService = this.getSecondData;

    // returning promise rather than creating a new one, 
    // to prevent unresolved promise if one of the calls in the chain gets rejected
    return this.getFirstData(id).then(function(response){ // first api call
        var idObjectValue = response['result'][0]['id'];
        return myHelperService(idObjectValue);  //second api call
        // instead of writing .then here, 
        // it can be moved to the outer layer for easy reading

    }).then(function(response){
        userAllProjects = response['projectList'];
        // return something you need to use in .then of getSomeDataById() here
    });
});