javascript - Angular2- ngModelChange 中的延迟

Question

为 ngModelChange 属性绑定(bind)添加延迟的最佳方法是什么？

示例:我想在输入字段中调用函数:

<input [ngModel]="model" (ngModelChange)="func()">

每次输入变化时模型都会更新。

func() 刚刚被调用，尽管模型已更改，它应该可以在例如 3 秒后再次调用 func()。

Answer 1

我会利用一个控件来做到这一点:

<input [ngModel]="model" [ngFormControl]="ctrl">

并以这种方式利用 valueChanges 属性:

constructor() {
  this.ctrl = new Control();
  this.ctrl.valueChanges.delay(3000).subscribe((value) => {
    this.func();
  });

Github 中的这个问题也可能会让您感兴趣:

• > https://github.com/angular/angular/issues/6895