$ http.getが完了するのを待つforeachループを持つ方法

Question

移動する前に一時停止して$ http応答を待つコードがないようです。現在、私のコードは次のようなものになります。

var postAuthorCache = new Array(); 
angular.forEach($scope.news.posts, function(value, key) { 
    console.log(JSON.stringify(postAuthorCache)); //Keeps printing "[]" 
    if (!(value["post_author"] in postAuthorCache)) { 
     $http.get('/api/tumblr_primaryblog_name/' + value["post_author"]).then(function(response) { 
      postAuthorCache[value["post_author"]] = response.data; 
      value["post_author_pblog"] = postAuthorCache[value["post_author"]]; 
      console.log("NOT CACHE: " + value["post_author"]); 
     }); 
    } else { 
     value["post_author_pblog"] = postAuthorCache[value["post_author"]]; 
     console.log("IN CACHE: " + value["post_author"]); 
    }; 
}); 

をしかし、それが実行したときに、出力にconsole.logは私が予想していたものではありません。

[] 
[] 
[] 
[] 
[] 
[] 
[] 
NOT CACHE: aaaa 
NOT CACHE: bbbb 
NOT CACHE: aaaa 
NOT CACHE: aaaa 
NOT CACHE: aaaa 
NOT CACHE: aaaa 
NOT CACHE: bbbb 

私は期待していた出力が最初に実行されるようにconsole.log(JSON.stringify(postAuthorCache));を持っているし、$はhttpを照会した後、それはconsole.log("NOT CACHE: " + value["post_author"]);またはconsole.log("IN CACHE: " + value["post_author"]);のいずれかを実行します。その後、配列オブジェクトのstringifyを再度表示して、それ自身を繰り返す必要があります。NOT CACHEまたはIN CACHEログステートメントを実行してください。

それでは、移動する前に、$ http.getが完了するのをforeachループがどのように待つのでしょうか？

Answer 1

は、このコードを試してみてください -

var deferred = $q.defer(); 
    $http.post('/api/tumblr_primaryblog_name/' + value["post_author"]).then(
     function successCallback(response){ 
      deferred.resolve(response); 
      return deferred.promise; 
     }, 
     function errorCallback(response){ 
      deferred.reject(response); 
      return deferred.promise; 
     }); 

Answer 2

一つの方法は、それぞれの呼び出しが完了するのを待つために再帰を使用して実装することです。チェックhereを確認してください。

var postRequestCache = {}; 
var postResponseCache = {}; 
angular.forEach($scope.news.posts, function(value, key) { 
    var author = value["post_author"]; 
    if (!(author in postRequestCache)) { 
     postRequestCache[author] = $http.get('/api/tumblr_primaryblog_name/' + author).then(function(response) { 
      postResponseCache[author] = response.data; 
     }); 
    } 
}); 
$q.all(postRequestCache).then(function() { 
    angular.forEach($scope.news.posts, function (value, key) { 
     var response = postResponseCache[value["post_author"]]; 
     value["post_author_pblog"] = response.response.blog.title; 
    }); 
}); 

あなたはおそらく、いくつかの追加を追加したいと思う：

他の方法は、あなたが例えば、あなたがクエリを実行しようとしているという事実をキャッシュする必要がhere

Answer 3

を連鎖約束を使用することですエラーチェック。また、postResponseCacheを経由せずに後者のハンドラで直接応答を得ることも可能ですが、これは簡単です。