angular - 使用 ngModelChange 去抖 Angular 2

Question

我在 textArea 上有一个 ngModelChange，如下所示:

      <ion-textarea placeholder="Type your message here" formControlName="message" [(ngModel)]="message" (ngModelChange)="changing($event)"></ion-textarea>

现在我想知道用户是否在这个 textarea 上打字，所以我想使用 5000 的 debounce 来知道他是在打字还是在打字不是，不是为他输入的每个字母发送，我想每 5 秒触发一次此事件，我该如何实现？

Answer 1

@Component({
  selector: 'my-app',
  template: `
    <div>
      <input type="text" (keyup)='keyUp.next($event)'>
    </div>
  `,
})
export class App {
  name:string;

  public keyUp = new Subject<string>();

  constructor() {
    const observable = this.keyUp
      .map(value => event.target.value)
      .debounceTime(1000)
      .distinctUntilChanged()
      .flatMap((search) => {
        return Observable.of(search).delay(500);
      })
      .subscribe((data) => {
        console.log(data);
      });
  }
}