如何让 $q 等待多个异步任务？

Question

通过 Angular 使用 $q 服务，我编写了一个异步获取数据的函数。下面的示例有点简化，但类似于我的生产代码：

DataService.fetchData(1)
.then(function (data1) {
    this.data1 = data;
    DataService.fetchData(2)
    .then(function (data2) {
        this.data2 = data2;
        DataService.fetchData(3)
        .then(function (data3) {
            this.data3 = data3;
            doSomething(this.data1, this.data2, this.data3);
        }, function () {
            alert("failure getting data 3");
        })
    }, function () {
        alert("failure getting data 2");
    });
}, function () {
    alert("failure getting data 1");
});

假设我需要进行三个异步函数调用来获取数据，如上所述。然后通过 Angular 视图显示数据。

但是，上面的代码是非常有缺陷的。难以阅读，函数调用嵌套很深。我想写一些类似的东西，使三个异步函数调用并仅在所有三个函数完成后执行一些函数来处理数据，并且在发生错误时，应该只有一个错误处理函数。

还应注意，尚不清楚函数 return 其异步数据的顺序。

如何在 Angular 中执行此操作？

Answer 1

使用$q.all:

$q.all({
   data1: fetchData(1),
   data2: fetchData(2),
   data3: fetchData(3)
}).then(function(d){
     doSomething(d.data1, d.data2, d.data3);
});

如何让 $q 等待多个异步任务？

How to make $q await multiple async tasks?

asynchronous

promise

angularjs

angular-promise