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

Question

我正在尝试使用粘贴的字符串做一些工作,但是当我尝试删除内容时,我似乎无法做到这一点,因为粘贴的内容没有绑定到输入的模型.

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

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

还尝试直接使用清除输入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