javascript - 使用来自一个异步 API 调用的数据到另一个异步 API 调用

Question

我有一个关于 AngularJS 中异步数据调用的问题。

问题是，我将从一个 API 调用接收数组中的多个对象，并且我必须使用来自不同 API 调用的数据来扩展这些对象。

我正在考虑嵌套异步调用，但我的逻辑在如何与 $q 服务一起工作方面有点不足。我有一个服务将返回已通过第二次调用扩展的对象，因此我可以在 Controller 中使用它以在 View 中显示。

第一个 API 调用返回第二个 API 调用所需的一些参数，以便获取我将返回给 Controller 的相关数据。

我必须在第一个调用中循环，这样我就可以在其中运行第二个 API 调用，但是我如何将其返回到我的 Controller ？我无法解析第一个循环何时运行，因为它自己解释了。

针对此类问题的首选解决方案是什么？

编辑，我的伪 JavaScript 问题:

returnListOfStuff().then(function (data) {
    var result = data.Result;

    for (var i = 0; i < result.length; i++) {
        var dataForListItem = null;

        returnDataForListItem(result[i].ID).then(function (data) {
            dataForListItem = data;
        });

        for (prop in dataForListItem[0]) {
            result[i].prop = dataForListItem[0][prop];
        }
    }

    return result;
});

很明显，这是行不通的，因为它只会从第一次调用 returnListOfStuff() 中获取结果，因为 for 循环内发生的事情尚未解决。我真的不知道如何使用 $q.all() 执行此操作，因为我还没有 returnListOfStuff 函数中的参数

Answer 1

I can't really figure out how to do this with $q.all(), because I don't have the parameters from the returnListOfStuff function yet

您可以在拥有它们的 then 回调中执行此操作。

您可以返回 $q.all 从回调中产生的 promise ，以获得支撑结果的 promise 。

returnListOfStuff().then(function (data) {
    var result = data.Result;
    return $q.all(result.map(function(resultItem) {
        return returnDataForListItem(resultItem.ID).then(function (data) {
            for (prop in data[0]) {
                resultItem[prop] = data[0][prop];
            }
            return resultItem;
        });
    }));
});