私の呼び出しを同期させる

Question

ここでの問題は、ループ内の呼び出しが次の呼び出しが開始される前に必ず終了するとは限らないことです。たとえば、ループが最初に終了することがあります。基本的に私はこれを非同期にする必要があります。 2番目のループは、最初のループが終了するまで開始してはなりません。

私のコントローラのループは、このようなものです：

サービスに値を送信し ​​

：

var addValues = function (name, sets, reps) { 
    return $http({ 
     method: 'POST', 
     url: "URL", 
     headers: { 
      'Content-Type': 'application/json' 
     }, 
     data: { 
      value1: value1, 
      value2: value2 
     } 
    }).success(function() { 
     console.log("Values added"); 
    }); 
}; 

注私は、コントローラにあるようにループ機能を必要とすることができるので、ビューから値を取得し、httpリクエストは別のJSファイルにある私のサービスにあります。

例が分かります！

Answer 1

$q.allメソッドを使用して、予測可能な方法で約束を解決します。非同期を意味し、あなたがAJAXリクエストをやっている

var allPromises = []; 

for(var i = 0; i < $scope.myArr.length; i++) { 
    $scope.input1 = $(".inputA"+ i).val(); 
    $scope.input2 = $(".inputB" + i).val(); 

    allPromises.push(myService.addValues($scope.input1, $scope.input2)); 
} 

// remember to inject $q service into controller/factory 
$q.all(allPromises).then(function(values){ 
    console.log(values); // array of values in order they were added 
});