AngularJS - Как отменить обещание?

Question

Предположим, у меня есть текстовое поле ввода (более похожее на поле поиска Google), которое при изменении вызывает запрос и показывает некоторые результаты.

Например,

впишем в Dog на входе:

typed D -> Calls ctrl.search('D') -> Makes a request -> Changes model when success 
typed DO -> Calls ctrl.search('DO') -> Makes a request -> Changes model when success 
typed DOG -> Calls ctrl.search('DOG') -> Makes a request -> Changes model when success. 

Теперь, скажем, что DO запрос отвечает позже, чем DOG один. Моя модель закончила бы с результатами DO, даже если бы я набрал DOG.

Для этого мне нужно отменить или прервать текущие текущие запросы, если я продолжаю вводить символы. Таким образом, моя модель изменяется только по окончательному запросу.

Мой вход выглядит следующим образом:

<input type="text" class="form-control" data-ng-model="query" data-ng-change="ctrl.search(query)" placeholder="Search" /> 

Вот мой searchCtrl.js:

var search; 
var language; 
var _this; 

var SearchCtrl = function (searchService, lang) 
{ 
    search = searchService; 
    langauge = lang; 
    _this = this; 
} 

SearchCtrl.prototype.search = function (text) 
{ 
    var promise = search.language(language) 
        .facet('characters') 
        .highlight('quotes') 
        .query(text); 

    promise.then(function (response) { 
     if(!response) return; 
     _this.total = response.total; 
     _this.count = response.found; 
     _this.result = response.data; 
    }); 
} 

Answer 1

Обычно для этого случая люди используют ng-model-options={debounce: 100}.

https://docs.angularjs.org/api/ng/directive/ngModelOptions

в любом случае вы можете отказаться от обещания.

Answer 2

Как это: $q.reject(response);

Хотя технически я считаю, что выше комментатора правильно, вам «фактически отвергаю обещание и не отменяет его.

Answer 3

В этом случае вы хотите использовать технику debounce?

см:

• https://docs.angularjs.org/api/ng/directive/ngModelOptions

• http://ilikekillnerds.com/2014/12/increasing-angular-performance-by-debouncing-your-ng-model-updates/

  <input type="text" 
      class="form-control" 
      data-ng-model="query" 
      data-ng-change="ctrl.search(query)" 
      placeholder="Search" 
      ng-model-options="{ debounce: { 'default': 500, 'blur': 0 } }"  
  />