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]);
});

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...