7

for ループを使用して配列内の各オブジェクトのデータを更新する必要があり、すべてのデータがキャプチャされたら、関数を実行します。これにjQueryを混ぜて、Angularの適切な方法で実行したくありません

これが私がやっていることです、

    $scope.units = ['u1', 'u2', 'u3'];
    $scope.data = null;
    //get individual unit data
    $scope.getUnitData = function(unit){
        service.getUnitData(unit).success(function(response){
             $scope.data.push({'id' : response.id , 'value' : response.value});
        });
    };

    $scope.updateAllUnits = function(){
    $scope.data = null ; //remove existing data
    angular.forEach($scope.units,function(val,key){
      $scope.getUnitData(val);
    };
    console.log($scope.data); // Need to show all the data but currently it does not as the for    each loop didn't complete
    };

サービスは次のように定義されます。

app.factory('service',function($http){
     return {
        getUnitData : function(unit){
        return $http({
            url : myURL,
            method : 'GET',
            params : {'unit' : unit}
            });
        }

     }

});

for ループですべてのプルが完了したときにコールバックを受け取るにはどうすればよいですか?

4

1 に答える 1

19

あなたの$http(...)呼び出しの結果は約束です。$q.allこれは、それらの配列が完了するのを待つために使用できることを意味します。

$scope.updateAllUnits = function(){
    $scope.data = null ; //remove existing data
    var promises = [];
    angular.forEach($scope.units,function(val,key){
      promises.push($scope.getUnitData(val));
    });
    $q.all(promises).then(function success(data){
      console.log($scope.data); // Should all be here
    }, function failure(err){
      // Can handle this is we want
    });
};
于 2013-10-21T20:56:33.260 に答える