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 1よりも応答することとしましょう。 DOGと入力しても、私のモデルは DOの結果になります。

これは、文字を入力し続けると現在の進行中のリクエストをキャンセルまたは中止する方法が必要です。そうすれば、私のモデルは最終的な要求によってのみ変更されます。

私の入力は、次のようになります。ここでは

<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 } }"  
  />