title: Angular 2 input value not updated after reset
body: <p>I have a simple input that I want to reset the value to empty string after I am adding hero. The problem is the value is not updated. why?</p>
  
  <pre><code>@Component({
    selector: 'my-app',
    template: `
        &lt;input type="text" [value]="name" #heroname /&gt;
        &lt;button (click)="addHero(heroname.value)"&gt;Add Hero!&lt;/button&gt; 
  
        &lt;ul&gt;
          &lt;li *ngFor="let hero of heroes"&gt;          
            {{ hero.name }}        
          &lt;/li&gt;
        &lt;/ul&gt;
    `,
  })
  export class App {
    name: string = '';
    heroes = [];
  
    addHero(name: string) {
     this.heroes.push({name});
     // After this code runs I expected the input to be empty
     this.name = '';
    } 
  
  }
  </code></pre>