如何在复杂的资源加载序列中正确地连锁promise？

Question

在angular code中，我有一个像这样的promise：

// a function in LoaderService module.
var ensureTypesLoaded= function(){
   return loadContainerTypes($scope).then(loadSampleTypes($scope)).then(loadProjectList($scope)).then(loadSubjectTypes($scope));
 }

这些函数中的每一个都返回一个promise，该promise从资源中加载东西，并在错误和成功时另外修改$action，例如：

         var loadProjectList = function ($scope) {

            // getAll calls inside a resource method and returns promise.
            return   ProjectService.getAll().then(
                function (items) {
                   // succesfull load
                    console.log("Promise 1 resolved");
                    $scope.projectList = items; 
                }, function () {
                    // Error happened
                    CommonService.setStatus($scope, 'Error!');
                });
        };

我打算在控制器初始化的代码中使用in：

// Part of page's controller initialization code
LoaderService.ensureTypesLoaded($scope).then(function () {
            // do something to scope when successes
             console.log("I will do something here after all promises resolve");
            }, function () {
            // do something when error 
            });

然而，这并不像我想的那样有效。理想情况下，“我会在这里做一些事情后，所有的promise解决”的消息必须出现在所有promise解决。相反，我可以看到它出现在ensureTypesLoaded列出的函数中的已解析promise的消息之前。

我想创建一个函数ensureTypeLoade这样，即：

• 它返回一个promise，当所有链式负载被解析时，该promise被解析；
• 如果任何内部promise失败，函数不应该继续下一次调用，而是返回被拒绝的promise。
• 显然，如果我调用ensureTypeLoed（）.然后（...），那么（）中的东西必须在ensureTypeLoade中的所有内容都解决后调用。

请帮助我正确建立连锁promise。

Answer 1

我认为问题出在loadProjectList函数中。因为然后（）应该接收在结果生成时调用的函数。通常是函数返回链promise。

但在您的情况下，您立即并行调用所有加载。通过$scope有点复杂。但我认为你的代码应该是这样的

//this fn is called immediatly on chain creation
var loadProjectList = function ($scope) {  
     //this fn is called when previous promise resolves
     return function(data) {
          //don't add error handling here
          ProjectService.getAll().then(...)
     }
}

这可能会导致串行加载。（请注意：对于正确的并行执行，使用了$q.all）

最后，您应该只在ensureTypeLoade中使用错误处理程序，而不是在每个promise中。