AngularJs Async-Problem

Question

Wie kann ich eine Funktion stoppen, während alle Async-Aufrufe durchgeführt wurden? Ich habe eine foreach auf einer Liste, die eine var Trog einen Asynchron-Aufruf erhöhen oder nicht (mit, wenn die Bedingung)

Mein Code:

$scope.updateDureePeriodeList = function() { 

     var mttLoyer = 0 

     angular.forEach($scope.articleListDuree, function (value, key) { 
      if (value.selected) { 
       if (value.bOption) { 
        $scope.getTauxDevisRevOption(value.prixArt * value.qttArt).then(function (taux) { 
         mttLoyer += value.prixArt * value.qttArt * taux/100; 
        }) 
       } 
       else 
        mttLoyer += value.prixArt * value.qttArt * $scope.DureeEdit.taux/100; 
      } 

     }); 

     $scope.DureeEdit.periodeList = new Array(); 
     $scope.DureeEdit.periodeList.push({ 
      'numPeriode': 1, 
      'mttLoyer': parseFloat(mttLoyer).toFixed(2), 
     }); 
} 

Problem: getTauxDevisRevOption ist async und wenn ich daran gehen, mein Funktion nicht, dass es die $scope.DureeEdit.periodeList.push am Ende aufhören, so zu tun, bevor mttLoyer Zuwachs in der .then war() von dem Asynchron-Aufruf ...

Answer 1

was könnten Ihnen folgt helfen

function updateDureePeriodeList(data, defaultTaux, tauxLoader) { 

    return Promise 
    .all(
     Object 
     .keys(data) 
     .reduce((res, key) => { 
      const value = data[key]; 

      if(value.selected) { 
      const op = Promise 
       .resolve(value.bOption ? tauxLoader(value.prixArt * value.qttArt) : defaultTaux) 
       .then(taux => (value.prixArt * value.qttArt * taux/100)) 
      ; 

      res = res.concat(op); 
      } 

      return res; 
     }, []) 
    ) 
    .then(operations => operations.reduce((a, b) => a + b)) 
    ; 
} 

updateDureePeriodeList($scope.articleListDuree, $scope.DureeEdit.taux, (...args) => $scope.getTauxDevisRevOption(...args)) 
    .then(mttLoyer => console.log('mttLoyer', mttLoyer)) 
; 

Answer 2

Nachdem ich einige Haare verloren habe, habe ich endlich die Lösung gefunden, nach der ich gefragt habe! Die Verwendung von $ q.all war der Schlüssel. Mein Arbeits Code:

$scope.updateDureePeriodeList = function() { 
     var mttLoyer = 0 
     var allQ = []; 

     angular.forEach($scope.articleListDuree, function (value, key) { 
      if (value.selected) { 
       if (value.bOption) { 
        allQ.push($scope.getTauxDevisRevOption(value.prixArt * value.qttArt).then(function (taux) { 
         mttLoyer += value.prixArt * value.qttArt * taux/100; 
        })); 
       } 
       else 
        mttLoyer += value.prixArt * value.qttArt * $scope.DureeEdit.taux/100; 
      } 

     }); 

     $q.all(allQ).then(function(data){ 
      $scope.DureeEdit.periodeList = new Array(); 
      $scope.DureeEdit.periodeList.push({ 
       'numPeriode': 1, 
       'nbrEch': nbrEch, 
       'mttLoyer': parseFloat(mttLoyer).toFixed(2), 
      }); 
     }); 
} 

In der Hoffnung, das jemand später helfen können!