title: Angular 2 focus and blur for input elements
body: <p>I wrote an input field in Angular 2 that has a placeholder value.</p>
  
  <p>On focus, the input field should become empty.</p>
  
  <p>On blur, the input field should return to the placeholder value.</p>
  
  <p>However, on blur nothing happens. Here is my input field:</p>
  
  <pre><code>&lt;input type="text" 
         placeholder={{placeholderText}}
         onfocus="this.placeholder = ''" 
         (blur)="this.placeholder = placeholderText"&gt;
  </code></pre>
  
  <p>How can I change the placeholder text on blur, in Angular 2?</p>