title: Reset input value in angular 2
body: <p>I have the following input field :</p>
  
  <pre><code>&lt;input mdInput placeholder="Name" #filterName name="filterName" &gt;
  </code></pre>
  
  <p>I want to clear value on click of clear button :</p>
  
  <pre><code>&lt;button (click)="clearFilters()"&gt;Clear&lt;/button&gt;
  </code></pre>
  
  <p><strong>app.component.ts</strong> function :</p>
  
  <pre><code>filterName : string = null;
  clearFilters() {
  
  this.filterName = '';
  }
  </code></pre>
  
  <p>Please let me know whats wrong with above as its not working for me.</p>
  
  <p>Here the jsfiddle <a href="https://jsfiddle.net/8fw8uq3x/" rel="noreferrer">https://jsfiddle.net/8fw8uq3x/</a></p>