角2入力からペーストされたコンテンツを削除する方法

Question

貼り付けられた文字列を使っていくつかの処理をしようとしていますが、コンテンツを削除しようとすると、貼り付けられたコンテンツisn '入力のモデルに縛られている。

貼り付けたコンテンツの入力をクリアするにはどうすればよいですか？

モデルにコンテンツをバインドしてモデルを削除しようとしましたが、実際の貼り付けられたコンテンツはイベントオブジェクトに残っているため、解決策ではありません。

input.value = ''を使用して直接入力をクリアすることもできますが、運がないとします。

マークアップ：

<input #input [(ngModel)]="newTag[labelKey]" (paste)="onPaste($event)"> 

機能：

onPaste(e: any) { 

    let content = e.clipboardData.getData('text/plain'); 

    // Do stuff 

    // Then clear pasted content from the input 
} 

Answer 1

クリアあなたがモデルをバインド変数：呼び出すときに、テキストが入力にとどまる何らかの理由で

onPaste(e: any) { 

    let content = e.clipboardData.getData('text/plain'); 

    // Do stuff 

    setTimeout(() => { 
    this.newTag = ""; 
    }, 0); 
} 

this.newTag = ""と同時に、this.newTag = "foo"に設定すると、入力のテキストはfooPASTEDTEXT。

---

取り組ん例えば

Plunker