ユーザーが入力を停止するかどうかを検出する

Question

isTypingのようなものを作成しようとしているので、ユーザーの入力タイプが3秒以下になると検出しなければならないので、

 ngOnChanges(searchValue: string) { 
    if (!this.searchChangeObserver) { 
     Observable.create(observer => { 
     this.searchChangeObserver = observer; 
     }).debounceTime(3000) 
     .subscribe((data) => { 
      if (data) { 
      typingStuff(); 
      } 
      else { 
      notTypingStuff(); 
      } 
     }); 
     this.searchChangeObserver.next(searchValue); 
    } 
    } 
} 

これで、ユーザーがnotTypingStuff（）を行うのを止めると検出する必要があります。

簡単な方法はありますか？

constructor(){ 
    this.modelChanged 
     .debounceTime(300) 
     .subscribe((data) => { 
     if (data) { 
      typingStuff(); 
     } 
     else { 
      notTypingStuff(); 
     } 
     }); 
} 

をしかし、ユーザーが同様notTypingStuff()を行うには3秒で入力し停止したときに知っておくべき...

Answer 1

を私はします：私もこれを使用してい

EDIT

ユーザーが入力している要素の（keyup）イベントにアクセスし、イベントが発生した後の時間が> = 3秒かどうかを確認します。あなたが入力イベントから、観察を作成し、debaunce時間を設定することができます入力していないものについては

Answer 2

：

HTML：

<input #yourElement [(ngModel)]="yourVar"/> 

コンポーネント：

@ViewChild('yourElement') yourElement: ElementRef; 

ngAfterViewInit() { 
    Observable.fromEvent(this.yourElement.nativeElement, 'input') 
     .map((event: Event) => (<HTMLInputElement>event.target).value) 
     .debounceTime(3000) 
     .distinctUntilChanged() 
     .subscribe(data => notTypingStuff()); 
} 

この方法で、あなたの方法入力が変更された後、つまりユーザーが入力をやめた後にのみ3000が実行されます。