angular2に値を入力するデバウンス

Question

カスタムが入力を書きますが、ボタンをクリックするのを待たずに、角度2で数時間（数ミリ秒または数秒）後に入力テキストから値を取得します。

私はこれを試しましたが、debounceTimeを使用しても、すべてのキー入力で値が送信されます。

誰もが自分のコードを修正するために私を助けてください、私はデバウンスと、観察について学ぶために試してみて、これは私が理解です：

component.html：

<md-card-title *ngIf="!edit">{{card.title}}</md-card-title> 
<input *ngIf="edit" type="text" [(ngModel)]="card.title" (ngModelChange)='rename()'/> 

component.ts

newTitle: string; 
modelChanged: Subject <string> = new Subject <string>(); 

constructor() 
this.modelChanged 
    .debounceTime(500) //before emitting last event 
    .distinctUntilChanged() 
    .subscribe(model => this.newTitle = model); 
} 

rename(): void { 
    this.renameRequest.emit(this.newTitle); 
} 

Answer 1

まあ、そこに多くのことを達成するための方法のがあるが、ここでは1ワットでありますAY：

ngAfterViewInit(){ 
     this.input.update // this is (modelChange) 
      .debounceTime(500) before emitting last event 
      .distinctUntilChanged() 
      .subscribe(model => (value)=>{ 
        console.log('delayed key press value',value); 
       }); 

}