title: reset() method for resetting form fields results in errors
body: <p>I am using ngForm in html and in typescript implemented resetting form fields in OnCickSubmit(). It performs as expected and thus does clear the form's select field but resetting also seems to show 400 bad errors for api calls behind populating the form fields.Eg:dataChanged() is actually calling api in back-end to populate the field and after successful submit then reset happens which clears field but why is the function called again and indeed api called again. Is there a way to avoid this?</p>
  
  <p>html :    </p>
  
  <pre><code>&lt;form id = "myForm" #myForm = "ngForm" (ngSubmit) = "onClickSubmit(myForm.value)"&gt;  
   &lt;label&gt;Name&lt;/label&gt;&amp;nbsp;
      &lt;select ngModel name= "cname" (ngModelChange)="dataChanged($event)" required&gt;
        &lt;option [ngValue]="data.name" *ngFor = "let data of result"&gt;{{data.name}}&lt;/option&gt;
      &lt;/select&gt;&lt;br/&gt;
   &lt;input class = "button" align = "center" type = "submit" value = "Apply" [disabled]="!myForm.valid"&gt;&lt;br/&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>In typescript onClickSubmit():   </p>
  
  <pre><code>anotherfunc();
  var resetForm = &lt;HTMLFormElement&gt;document.getElementById("myForm");
  resetForm.reset();
  </code></pre>