title: angular 4 - reset template driven form validation after form submission
body: <p>My form opens like so:</p>
  
  <pre><code>&lt;form novalidate #f="ngForm" (ngSubmit)="addPage(f)"&gt;
  </code></pre>
  
  <p>However, after successful submission I stay on the page and then validation messages pop up even though i don't want them to, so how do I reset form after submission?</p>
  
  <p>The method that submits the form goes like so:</p>
  
  <pre><code>addPage({ value, valid }) {
  </code></pre>
  
  <p>I tried squeezing in <code>f</code> in there and then doing f.resetForm() but that didn't work out.</p>