在foreach循環中一次執行一個API調用

Question

我正在使用forEach循環上傳圖像（API調用），我希望循環等待直到前一個索引的響應到達。 這裏是我的代碼：

var uploadCount = 0; 
angular.forEach($scope.selectedLayouts, function (layout, pIndex) { 
    angular.forEach(layout.data, function (data, cIndex) { 
    if(data.imageIsChanged && $scope.uploadImgCount !== 0) { 
     Upload.upload({ 
     url: window.apiUrl + 'image_upload', 
     data: { 
      'image' : data[$scope.indexes.image] 
     } 
     }).then(function(resp) { 
     uploadCount++; 
     data[$scope.indexes.image] = resp.data.path; 
     if($scope.uploadImgCount === uploadCount) { 
      $scope.uploadImgCount = uploadCount = 0; 
     } 
     }, function(error) { 
     uploadCount++; 
     toastr.error(error); 
     }); 
    } 
    }); 
}); 

Answer 1

function PostData(myArray) { 

    var i = 0; // Array index counter 
    var deferred = $q.deferred(); // Create promise using $q.deferred(); 

    var promises = [] // An array of your request results as promises 

    function nextRequest() { // make the next request in you array  
    var request_promise = Upload.upload({ 
    var postData = myArray[i]; 
     // the rest of your code ... 
    }) // assumes Upload.upload returns a promise 
    .then(function (data){ 
    // OnSuccess callback 
    promises.push(data); // save result in array 
    i++; // increment index 

    // Continue if there are more items. 
    if (currentRequest < someArray.length){ 
     nextRequest(); 
    }  
    else { // Resolve the promise when finished 
     deferred.resolve(results); 
    } 
    }, function(error){ 
     // errorcallback 
    } 
)}; 

    return deferred.promise; // return a promise for the completed requests 
} 

然後調用功能和解決的承諾

PostData(myArray).then(function(success){ 
    // successcallback 
    }, function(error){ 
    // errorcallback 
}); 

請注意，我並沒有實際執行上面的代碼，但是這應該爲你提供一個可能的做法。