Question

我遇到以下代码的问题：

initPromise = $q.all(arrayOfPromises)
    .then(function () {
        return $scope.methodWhichReturnsPromise()
            .then(function (data) {
                console.log("report data");
                return data;
            });
    });

if ($scope.showCompare) {
    initPromise
        .then(function () {
            return $q.all(anotherArrayOfPromises);
        })
        .then(function () {
            return aMethodWhichReturnsAPromise().then(function () {
                console.log("compare report data");
            });
        });
}

initPromise
    .then(function () {
        console.log("generate view data");
    })
    .finally(function () {
        console.log("finally");
    });

我在根据路由参数加载控制器时加载了一堆异步数据。如果标志showCompare在那里，我想在两者之间加载一些东西。但console.log消息的顺序如下：

report data
generate view data
finally
compare report data

我原以为compare report data会完全按照代码中写入的顺序显示。

我做错了什么？

Answer 1

您在initPromise上添加了两个不同的处理程序，而不是链接所有.then()个调用。为此，您需要使用

if ($scope.showCompare) {
    initPromise = initPromise.then(…);
}

AngularJS $ q承诺成功回调以错误的顺序执行

1 个答案: