Question

在角度代码中，我有这样的链式承诺：

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

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

         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!');
                });
        };

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

// 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中的消息更早出现了ensureTypeLoaded。

我想创建一个函数ensureTypesLoaded，即：

它返回一个在解决所有链式加载时解析的promise;
如果任何“内部”承诺失败，则该函数不应继续进行下一次调用，而是返回被拒绝的承诺。
显然，如果我调用ensureTypesLoaded（）。then（...），那么在解决了EnsureTypesLoaded中的所有内容后，必须调用then（）中的内容。

请帮我正确建立链式承诺。

Answer 1

我认为问题出在你的loadProjectList函数中。因为.then（）应该接收在结果时调用的函数。通常是功能返回链承诺。

但在您的情况下，您可以立即并行调用所有负载。美元范围传递并不复杂。但我认为你的代码应该像这样

//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）

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

如何在复杂的资源加载序列中正确链接promise？

1 个答案: