title: Resetting template driven forms in angular 2 (models and validations both)
body: <p>How do we reset the controls with validation states of <strong>Template driven</strong> forms in angular 2?
  I know that controls can be reset by setting model values to which they are bound to. But what about the validation states(pristine, dirty etc..)?</p>
  
  <p>I tried something like this:</p>
  
  <pre><code>&lt;form (ngSubmit)="onSubmit(playlistForm)" #playlistForm="ngForm"&gt;
  // Some code here...
  &lt;/form&gt;
  </code></pre>
  
  <p>And in controller, </p>
  
  <pre><code>onSubmit(playlistForm: any) {
  // ...
    playlistForm.form.reset();
  }
  </code></pre>
  
  <p>But in above seems to actually redirect to the <code>''</code>
  And I get error below:</p>
  
  <pre><code>EXCEPTION: Error: Uncaught (in promise): Error: Cannot match any routes: '' 
  </code></pre>
  
  <p>So how do I do what I want?</p>