需要從內部循環調用角度http服務，並在執行代碼之前等待服務的值返回以下調用

Question

有一個場景，我們有一個循環，並在循環內我們需要調用http服務來獲取有關信息循環中的每個項目。
然後基於服務調用的結果，我們需要評估和執行其他工作，然後繼續循環中的每個元素。
據我所知，由於服務調用的同步性質，這不會起到編碼的作用，服務調用本身就是一種承諾。
只看最好的角度來實現這一點。在過去，我用$q.all但我不得不做多個循環，它似乎使用$q.all完成。

 _($scope.searchResult) 
     .each(function (results) { 
      var specialInfo = myService.getInfo(results); // http service call 
      if(specialInfo.length > 0){ 
      // Do something 
      } 
      else 
      { 
      // Do something else 
      } 
     }); 

請注意任何人迴應我需要服務返回之前繼續前進，因爲如果條件滿足，我會顯示模式。上面的代碼是僞代碼，我知道。然後在getInfo上丟失了，但你明白了。在檢查循環中的下一個項目之前，每個循環都可能需要用戶輸入才能繼續。

Answer 1

調整你的代碼，所以沒有環路，但遞歸異步調用：

var currentIndex = 0; 
function processNext() { 
    if (currentIndex >= $scope.searchResult.length) { 
     return; 
    } 

    var next = $scope.searchResult[currentIndex++]; 
    myService.getInfo(next).then(function (response) { 
     var specialInfo = response.data; 
     if (specialInfo.length > 0) { 
      // something 
     } else { 
      // something else 
     } 

     processNext(); 
    }); 
} 

processNext(); 

或者，您可以獲取所有先承諾，然後一次處理它們一個。請記住，這種方法不會被告知，如果對答覆做異步處理（比如從一個模態等待輸入或執行後續請求）：

var promises = $scope.searchResult.map(function (result) { 
    return myService.getInfo(result); 
}); 

$q.all(promises).then(function (responses) { 
    responses.each(function (response) { 
     // do stuff 
    }); 
}); 

Answer 2

要訪問一個承諾的結果，您可以使用then()：

_($scope.searchResult) 
    .each(function (results) { 
     myService.getInfo(results).then(function(response) { 
      var specialInfo = response.data; 
      if(specialInfo.length > 0) { 
       // Do something 
      } 
      else { 
       // Do something else 
      } 
     }); 
    });