確保在AngularJS後續HTTP Ajax調用的正確順序

Question

假設我們有一個自動完成一個超級簡單的搜索觸發的KEYUP /擊的$ http.get（）請求：

<input type="text" ng-model="keyword" ng-change="makeRequest()"> 

和

$scope.makeRequest = function() { 
    $http.get(url).then(function(res) { 
     // update the typeahead list here. 
    }); 
} 

維持傳遞響應的順序的最簡單方法是什麼？由於變化的延遲，更早的結果通常會最終導致用戶混淆。 我正在尋找一些順序，而不是直接去抖，這將防止在某個按鍵間隔下發出請求。

Answer 1

您可以跟蹤最新的請求和響應忽略，除非它從最新的...

var latestRequest = 0; 
$scope.makeRequest = function() { 
    var thisRequest = ++latestRequest; 
    $http.get(url).then(function(res) { 
     if (thisRequest === latestRequest) { 
     // update the typeahead 
     } 
    }); 
}