停止输入时触发角度触发

Question

我想在Angular中重用我的工作jQuery函数，它有两个函数，一个在keyup上调用，另一个在keydown上调用

<input type="text" [(ngModel)]="filterOptions.SearchValue" (keyup)="onFilter($event)" (keydown)="resetCounter()" class="form-control">

这样每次keydown时计数器都会重置。 但是，这不起作用：

timer = 0;

onFilter(event: any) {
    if (!HelperService.keypressFilter(event))
        return;

    console.log(this.timer);

    clearTimeout(this.timer);
    this.timer = setTimeout(this.resetValues(), 2000);
}

resetCounter(){
    console.log(this.timer);
    clearTimeout(this.timer);
    console.log(this.timer);
}

3个控制台日志中的每个日志都在控制台中写入相同的编号，并且每次按键后它们都会递增写入（即0 0 0、3 3 3、24 24 24 ...）。 这些数字与毫秒无关。 我该如何运作？

Answer 1

因此解决方案是利用Angular setTimeout()函数：

timer: any;

onFilter(event: any) {
    if (!HelperService.keypressFilter(event))
        return;

    clearTimeout(this.timer);
    this.timer = setTimeout(() => { this.resetValues() }, 200)
}

resetCounter() {
    clearTimeout(this.timer);
}