Angularjs multiple $http.get请求

我需要做两个$ http.get调用，我需要发送返回的响应数据到我的服务进行进一步的计算。

我想做一些如下：

function productCalculationCtrl($scope,$http,MyService){
    $scope.calculate = function(query){

            $http.get('FirsTRESTURL',{cache: false}).success(function(data){
                $scope.product_list_1 = data;
            });

            $http.get('SECONDRESTURL',{'cache': false}).success(function(data){
                $scope.product_list_2 = data;
            });
            $scope.results = MyService.doCalculation($scope.product_list_1,$scope.product_list_2);
        }
    }

在我的标记我叫它像

<button class="btn" ng-click="calculate(query)">Calculate</button>

由于$ http.get是异步的，我在传递doCalculation方法时没有获取数据。

任何想法如何实现多个$ http.get请求和工作像上面的实现传递响应数据服务？

提前致谢。

你需要的是$ q.all。

添加$ q到控制器的依赖项，然后尝试：

$scope.product_list_1 = $http.get('FirsTRESTURL',{cache: false});
$scope.product_list_2 = $http.get('SECONDRESTURL',{'cache': false});

$q.all([$scope.product_list_1,$scope.product_list_2]).then(function(values) {
    $scope.results = MyService.doCalculation(values[0],values[1]);
});

原文地址：https://www.jb51.cc/angularjs/145738.html