Richtiger Umgang mit forEach Ajax-Aufrufe in Angular

Question

Ich muss die Daten für jedes Objekt in einem Array mithilfe einer for-Schleife aktualisieren, und sobald alle Daten erfasst sind, führen Sie eine Funktion aus. Ich will nicht jQuery in diese mischen und es die richtige Winkel Art und Weise tun zu tun

Hier ist, was ich tue,

$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 
    }; 

Der Service ist wie folgt definiert.

Wie bekomme ich einen Rückruf, wenn das Ziehen in der for-Schleife erfolgt ist?

Answer 1

Das Ergebnis Ihrer $http(...) Anruf ist ein Versprechen. Das bedeutet, dass Sie $q.all verwenden können, um auf ein Array von ihnen zu warten.

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