कोणीयजेएस - एक वादा कैसे रद्द करें?

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