如何停止Array.Filter（）函数

Question

 <input type="text" pInputText class="ui-widget ui-text" [(ngModel)]
 ="gloablFilterValue" (ngModelChange)="splitCustomFilter()" placeholder="Find" />

我正在搜索框上使用ngmodelchange()事件

js lang-js prettyprint-override">globalSearch(realData, searchText, columns) {
        searchText = searchText.toLowerCase();
        return realData.filter(function (o) {
            return columns.some(function (k) {
                return o[k].toString().toLowerCase().indexOf(searchText) !== -1;
            });
        });
    }

    splitCustomFilter() {
    let columns =  
   ['PartNoCompleteWheel', 'DescriptionCompleteWheel', 'PartNoTyre', 'DescriptionTyre', 'PartNoRim', 'DescriptionRim','DeletedDateFromKDPStr', 'DateFromKDPStr', 'Status'];
   this.tyreAndRimList = this.globalSearch(this.tyreAndRimList, this.gloablFilterValue, columns); 
    }

this.tyreandrimlist列的值列表，在column变量中提到。

问题

什么时候

如果我输入一个字符（比如a)，筛选器工作正常。但是当我连续输入字符时，浏览器挂起了。原因是筛选器一直在激发筛选器框上的每一个输入（因为am使用NGModelChange()//onchange()事件）

我想要的

 setTimeout(() => //code of filtering ,1000);

我在angular-2和打字。但是这个问题并不只是与AngularJS或Angulal或JavaScript或Typescript相关，因为我想要的是一个想法，而不是解决方案。所以我会为这个问题添加这些标记。不要移除。谢谢

Answer 1

去抖函数。请参见下划线是如何实现的：函数Debouncing with underscore.js。

然后，您将生成函数的一个公开版本，如下所示：

var globalSearchDebounced = _.debounce(globalSearch, 100, false);

只有在用户停止键入至少一秒钟后，它才会调用。