Angularjs multiple $http.get请求

前端之家收集整理的这篇文章主要介绍了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]);
});

猜你在找的Angularjs相关文章