javascript - $q.all 的错误检测

Question

我有以下服务，其中有为我系统的所有仪表板获取数据的功能。

.service('dashboardServices', function ($http, $q) {
return {
    getData: getData
}

//definition of promises and their http requests urls
var promise01 = $http({method: 'GET', url: urlpromise01, cache: false});
var promise02 = $http({method: 'GET', url: urlpromise02, cache: false});
var promise03 = $http({method: 'GET', url: urlpromise03, cache: false});

function getData(){
    var promises = [];
        var promises = $q.all([promise01, promise02, promise03])
                            .then(function(data){
                                setDashboardData(data[0].data);
                                setDashboardData(data[1].data);
                                setDynamicDashboardData(data[2].data);
                                })
        return promises;
}
})

我在我的 Controller 中调用此服务，以便在从服务器获取数据时打开一个带有加载消息的模式窗口。

.controller('MainCtrl', function($state, $scope, $ionicModal, dashboardServices) {
$ionicModal.fromTemplateUrl('views/loading.html', {
    scope: $scope,
    backdropClickToClose: false,
    hardwareBackButtonClose: true,
    animation: 'slide-in-up'
}).then(function(modal) {
    $scope.modal = modal;
});

$scope.openModal = function() {
    $scope.modal.show().then(function() {
        dashboardServices.getData().then(function() {
            $scope.closeModal();
        })
    })
}

$scope.closeModal = function() {
    $scope.modal.hide();
};
})

现在我想在请求失败时显示某种消息。因为现在当至少一个请求失败时，加载模式窗口将永远不会关闭。但我无法在我的 Controller 中添加 .error(function()...

实现这种异常处理的可能方法是什么？

Answer 1

.then(...).error(...)不仅 $q.all 不支持但是通过 $q promise 和一般 promise 。您可能将它与“错误”回调混淆了，而您正在寻找的是 catch :

$q.all([...]).then(onSuccess).catch(onError);

这可能是

的另一种形式

$q.all([...]).then(onSuccess, onError);

但是suited better for readability .或者它可能不是，如果有必要处理来自 all(...) 的错误与链的其余部分分开，在这种情况下它必须是

$q.all([...]).then(onAllSuccess, onAllError).catch(onError);