按顺序链接控制器功能/代码并处理错误

Question

我有一些用于不同任务的控制器函数，它们可能会调用服务函数（这些函数又包含 $http 请求）。例如：

// this should be run first
function getData1(request) {
    dataService.getData1(request).then(function success(response) {
        return response;
    })
};

// this should run after getData1()
function getData2(request) {
    dataService.getData2(request).then(function success(response) {
        return response;
    })
};

我在某个事件的中心位置调用这些函数（例如，当用户更改输入/请求数据时）：

$scope.loading = true;
$scope.$watch('input', function(newValue, oldValue) {
    if(newValue !== oldValue) {
        request = newValue;
        $scope.data1 = getData1(request);
        $scope.data2 = getData2(request);
        $scope.loading = false;
    }
});

但据我所知，getData1() 和getData2() 发出异步请求，可能会在数据加载之前导致$scope.loading = false。

另外，如果一个或多个请求中有任何错误，$scope.data1 或 $scope.data2 变量将具有被拒绝的 Promise 值，对吧？

那么，链接这些函数并处理错误（如果有）的“最佳实践”是什么？请帮忙。

Answer 1

getData1 and getData2（依次调用$http）返回promise。

var promise1 = dataService.getData1(request);
var promise2 = dataService.getData2(request);

您可以使用$q.all()。将promise1 和promise2 传递给$q.all。这并不能保证promise 会按顺序解决。

If one promise fails, the combined promise fails.
If all promises succeed, the combined promise succeeds.

example link for $q.all

对于顺序执行，

dataService.getData1(request1).then(function(response1) {
    //do your stuff
    return dataService.getData2(request2);
}).then(function(response2) {
    //response2 - response of dataService.getData2(request2)
    //do your stuff
}).catch(function(error) {
    //on error if any of this fails.
})