title: How to reset a ngFormModel and lose the validation errors in Angular 2 Typescript?
body: <p>I have a ngFormModel with a ngControl textbox. </p>
  
  <pre><code>    &lt;form [ngFormModel]="addFriendForm" (ngSubmit)="create()" 
                      class="form-vertical" #friendForm="ngForm"&gt;
  </code></pre>
  
  <p>On dirty an error message is displayed.                     </p>
  
  <pre><code> &lt;div [hidden]="id.valid || id.pristine" class="alert alert-danger"&gt;
                  Invalid ID
                   &lt;/div&gt;
  </code></pre>
  
  <p>On submitting the form, I want to reset the form. Currently I am setting 
  like this</p>
  
  <pre><code>this.addFriendForm.controls["id"].updateValue(null);
  </code></pre>
  
  <p>This makes the form show the validation error on screen.</p>
  
  <p>I am not able to avoid this error message on resetting the value to null. Is there a way to programmatically reset the form ??</p>