複数のポストを処理し、angularJsでデータを取得

Question

AngularJS（私はIonicを使用しています）を使用して非同期呼び出しを実行する際に問題があります。 私は$localStorageにデータを保存しています。次に、すべてのデータをサーバーに送信する機能があります。問題は、http POST要求からのエラーコールバックの場合にそれらを戻すことです。 私のコードがあります：

var data = $localStorage.prelevement.environement; 
for (var j = 0; j < data.length; j++) { 
    $http.post("http://localhost:3000/prelevement/environement", data[j]).then(
    function (res){}, 
    function (err) { 
     $localStorage.prelevements.environement.push(data[j]); 
    }); 
    } 

ポイントは、最初のコールバックが発生した場合、ループのためにすでに終了してdata[j]がundefinedあるのでj = data.length + 1はので、私はエラーを得たということです。

私のコールバック関数やこれを処理するためのアイデアで送信されたデータをキャッチする方法はありますか？

Answer 1

約束通りに$localStorage.prelevement.environement;を折り返し、残りのコードを実行します。コンストラクタで$qを参照することを忘れないでください。

var dataPromise = $q.when($localStorage.prelevement.environement); // returns a promise 

dataPromise.then(function(){ // resolve the promise in the successcallback using then() 
    for (var j = 0; j < data.length; j++) { 
     $http.post("http://localhost:3000/prelevement/environement", data[j]).then(
     function (res){}, 
     function (err) { 
      $localStorage.prelevements.environement.push(data[j]); 
     }); 
     } 
}); 

Answer 2

私は匿名関数に包み、答えを見つけた：

var data = $localStorage.prelevement.environement; 
for (var j = 0; j < data.length; j++) { 
    (function(i){ 
     $http.post("http://localhost:3000/prelevement/environement", data[j]).then(
      function (res){}, 
      function (err) { 
       $localStorage.prelevements.environement.push(data[j]); 
     }); 
    })(j) 
    } 

は、すべてのあなたの答えをありがとう！ :)