title: Resetting form and set default value Angular 2
body: <p>I'm working on a simple Angular 2 app and am having trouble resetting an ngForm but keeping a default value:</p>
  
  <p>Expected behavior is when clicking "Reset", the input box will reset to it's default value ("Default" in this case) as well as all of the angular specific classes going back to the default (i.e. ng-untouched, ng-pristine, etc)</p>
  
  <p>What I am seeing is the default value is being cleared as well, even when I explicitly set it after the form is reset</p>
  
  <p>Code snippet below:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;form (ngSubmit)="onTrainSearchClick()" novalidate #trainForm="ngForm"&gt;
    &lt;input type="text" [(ngModel)]="id" name="someId"/&gt;
    &lt;button type="button" (click)="reset(trainForm)"&gt;Reset&lt;/button&gt;
    &lt;button type="submit"&gt;Search&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>TypeScript (left out the imports and @Component):</p>
  
  <pre><code>export class TrainSearchTestComponent implements OnInit {
  
    id: string = 'DEFUALT';
  
    constructor() { }
    ngOnInit() { }
    onTrainSearchClick(){ }
  
    reset(form: NgForm){
      form.resetForm();
      this.id = 'DEFUALT';
    }
  }
  </code></pre>