title: Angular 2 - How to clear an input with a local variable?
body: <p>Following the guide from the Angular2 site I have this html:</p>
  
  <pre><code>&lt;input #something (keyup)="doneTyping($event)"&gt;
  &lt;button (click)="add(something .value)"&gt;Add&lt;/button&gt;
  </code></pre>
  
  <p>with this controller:</p>
  
  <pre><code>@Component({
    selector: 'my-app',
    appInjector: [SomeService]
  })
  @View({
    templateUrl: 'index-angular',
    directives:[NgFor]
  })
  class MyAppComponent {
    name: string;
    stuff: Array&lt;string&gt;;
  
    constructor(someService: SomeService) {
      this.name = 'Angular2Sample';
      this.stuff= someService.getStuff();
    }
    add(st: string){
      this.stuff.push(st);
    }
    doneTyping($event) {
      if($event.which === 13) {
        this.stuff.push($event.target.value);
        $event.target.value = null;
      }
    }
  }
  </code></pre>
  
  <p>When the user hits enter in the input, the doneTyping method clears the input with <code>$event.target.value = null;</code>.</p>
  
  <p>However I can't come with a way of doing the same after pushing the button.</p>