title: Angular 2 how to remove pasted content from input
body: <p>I'm trying to do some stuff with a pasted string, which works, but when I try to remove the content I can't seem to do it since the pasted content isn't getting bound to the model of the input.</p>
  
  <p>How can you clear the input of the pasted content? </p>
  
  <p>I tried binding the content to the model and then removing the model but that will still leave the actual pasted content in the event object so it's not a solution. </p>
  
  <p>Also tried clearing the input directly using <code>input.value = ''</code> but without luck.</p>
  
  <p>Markup:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;input #input [(ngModel)]="newTag[labelKey]" (paste)="onPaste($event)"&gt;
  </code></pre>
  
  <p>Function:</p>
  
  <pre class="lang-js prettyprint-override"><code>onPaste(e: any) {
  
    let content = e.clipboardData.getData('text/plain');
  
    // Do stuff 
  
    // Then clear pasted content from the input
  }
  </code></pre>