title: Usage of formGroupDirective for reset form - Angular reactive form
body: <p>I am trying to find best way to reset angular reactive form. I'm bit confused for reset reactive forms and not able to find which method is for template driven forms and which is reactive forms.
  Now I've used 'formGroupDirective' to reset but I'm getting console error like below.
   <a href="https://i.stack.imgur.com/NFWsg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NFWsg.png" alt="enter image description here"></a></p>
  
  <p>this is how I have used formGroupDirective for reset.</p>
  
  <p>Template file:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form 
    ...
    #formDirective="formGroupDirective" 
  &gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>TS file:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import { ViewChild, ... } from '@angular/core';
  import { FormGroupDirective, ... } from '@angular/forms';
  
  export class MyComponent {
   ...
   @ViewChild('formGroupDirective') private formGroupDirective: FormGroupDirective;
  
    constructor(... )
  
    private someFunction(): void { 
      ...
      formGroupDirective.resetForm();
    }
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>Here I couldn't understand one thing, What is the difference between FormGroupDirective and FormDirective. And which one is preferable for reactive forms.
  And even we can reset through formGroup name like </p>
  
  <pre><code>this.formGroup.reset();
  </code></pre>
  
  <p>So If we can able to reset through formGroup name, then why we need to use directives. If any one have idea please help me to understand these differences.</p>