javascript - 使用 Angular 的解析 : {}? 时链接 promise 的最佳方式是什么

Question

我正在使用 Angular 的解析，并希望链接两个 Promise。解决这个问题的最佳方法是什么？本质上，我想要:

resolve: {
    my_two_lists: function() {
    return MyService.list().then(function(array1) {     
         return MyOtherService.list().then(function(array2) { 
               return new Promise(function(resolve, reject) { 
                    resolve(array1.concat(array2)); 
               }); 
          }); 
       });
    }
}

换句话说:我有 2 个服务，每个服务都有两个名为“list”的方法，它们返回一个解析为列表的 promise 。我想将两个由此产生的 promise 链接起来。

Answer 1

我从 Javascript Promise 中学到的东西 - 如果你有不止一层的嵌套，会有更好的方法。

这是一个更简洁的解决方案，您可以并行调用两个 list 命令。

resolve: {
    my_two_lists: function() {
            return Promise.all([MyService.list(), MyOtherService.list()])
                   .then(function(values) {
                        return values[0].concat(values[1]));
                   });
    }
}

如果出于某种原因，您想一个接一个地调用它们，那么您的示例是正确的，只是不需要返回另一个 promise 。只需返回一个值即可。 my_two_lists 的结果仍然是一个解析为两个数组串联的 Promise。

resolve: {
    my_two_lists: function() {
    return MyService.list().then(function(array1) {     
         return MyOtherService.list().then(function(array2) { 
               return array1.concat(array2);
          }); 
       });
    }
}