title: How to reset validation error without resetting form in angular?
body: <p>I have an angular template driven form. and I want to reset all the validation error and make it as untouched without resetting the form. 
  How to do that in angular?
  I have tried the following method </p>
  
  <pre><code>onAdd(form: NgForm) {
  
  form.form.markAsPristine();
  form.form.markAsUntouched();
  
  }
  </code></pre>
  
  <p>but this doesn't work.</p>
  
  <p>link:- <a href="https://stackblitz.com/edit/angular-ezixd4" rel="noreferrer">https://stackblitz.com/edit/angular-ezixd4</a></p>
  
  <p><strong>current behavior:-</strong>
  when I click to submit an empty form, all the field is marked with error and when I click <code>add</code> it adds the field but the above function doesn't remove the error message.</p>
  
  <p><strong>expected behavior:-</strong> 
  when I click to submit an empty form, all the field is marked with error and when I click <code>add</code> it adds the field and it should remove the error message on the form (or in the added files).</p>
  
  <p>In this form, I am adding input field with add Button and I want to clear any error message before the user has the chance to interact with the form.</p>