Làm thế nào để tiêu diệt chưa được giải quyết lời hứa

Question

Có một cái nhìn vào đoạn mã

$scope.getSongs = function(keyword){ 
    songServices.getSongList(keyword).then(
     function(resp){ 
      $scope.songList = resp.data.songList; 
     } 
    ); 
} 

Đây getSongList chỉ đơn giản trả về danh sách các bài hát từ máy chủ bằng cách yêu cầu HTTP.

Và trong HTML của tôi:

<input auto-focus type="text" placeholder="Enter song ID/Keyword" ng-model="keyword" ng-change="getSongs()"> 

Vấn đề ở đây là với hành vi của những lời hứa, đôi khi nếu một số lời hứa mất nhiều thời gian để có được giải quyết sau đó nó cho thấy dữ liệu sai (ngay cả trong ms.). khi bạn tìm kiếm 'AKON' cho phép lời hứa với cảnh cáo đầu tiên 'A' trả về lần cuối thì nó làm mới phạm vi bằng dữ liệu sai, Có cách nào để dừng hoặc hủy lời hứa chưa được giải quyết trước khi gửi lời hứa khác tới máy chủ hay không tôi có thể xử lý loại kịch bản như vậy không.

Xin cảm ơn trước.

Answer 1

Các cuộc gọi $ http có thể bị hủy, bằng cách chuyển lời hứa trong tùy chọn cấu hình 'timeout' và giải quyết lời hứa đó.

Từ the documentation:

timeout - {số | Promise} - thời gian chờ trong mili giây, hoặc hứa rằng nên hủy bỏ yêu cầu khi giải quyết.

Ví dụ:

var canceler = $q.defer(); 
$http.get(someUrl, { timeout: canceler.promise }); 

// later: cancel the http request 

canceler.resolve(); 

Answer 2

Thay vì phá hủy lời hứa nó có thể là tốt hơn không thực hiện cuộc gọi đến khi người dùng đã ngừng gõ. bạn có thể sử dụng lệnh ng-options để đặt hẹn giờ gỡ lỗi. Bằng cách đó, hành động sẽ chỉ được thực hiện khi người dùng đã ngừng nhập.

<input auto-focus type="text" placeholder="Enter song ID/Keyword" ng-model="keyword" ng-change="getSongs" ng-model-options="{ debounce: 500}">

Answer 3

Bạn có thể tạo ra một lời hứa bị phá hủy từ một lời hứa bình thường dễ dàng đủ:

var destroyablePromise = function(p) { 
    var r = $q.defer(); 

    p.then(function(a) { if (p) { r.resolve(a); }}, 
     function(a) { if (p) { r.reject(a); }}, 
     function(a) { if (p) { r.notify(a); }}); 

    r.promise.destroy = function() { 
    p = null; 
    }; 
    return r.promise; 
} 

Et thì đấy!