Angular 2如何从输入中删除粘贴的内容

Question

我正在尝试使用粘贴的字符串做一些事情，这很有效，但是当我尝试删除内容时，我似乎无法执行此操作，因为粘贴的内容未绑定(bind)到输入模型.

如何清除粘贴内容的输入？

我尝试将内容绑定(bind)到模型，然后删除模型，但这仍会将实际粘贴的内容留在事件对象中，因此这不是解决方案。

还尝试使用 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

清除您将模型绑定(bind)到的变量:

onPaste(e: any) {

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

  // Do stuff 

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

出于某种原因，当同步调用 this.newTag = "" 并且将其设置为 this.newTag = "foo" 时，文本保留在输入中输入中的文本是 fooPASTEDTEXT。

---

Plunker for working example