title: Angular 6 - reset form after submit don't work
body: <p>I have some big form which contains multiple child components (values are send to them as @input). After clicking submit button all fields should be cleared (and no validation errors should be displayed). I tried to reset form in couple different ways, but nothing works.</p>
  
  <p>I wrote createForm.reset() or createForm.resetForm() inside .html
   file</p>
  
  <pre><code>&lt;form #createForm="ngForm" (ngSubmit)="addExpense(createForm.value); createForm.resetForm()"&gt;
  </code></pre>
  
  <p>Second way to do it</p>
  
  <p>.ts</p>
  
  <pre><code>@ViewChild('createForm') formValues;
  
    addExpense(form): void {
      this.expenseService.addExpense(this.expense).subscribe(() =&gt; {
        this.formValues.resetForm();
        console.log('Form reset done!');
      );
    }
  </code></pre>
  
  <p>.html:</p>
  
  <pre><code>&lt;form #createForm="ngForm" (ngSubmit)="addExpense(createForm.value)"&gt;
  </code></pre>
  
  <p>This also don't reset the form, no errors are displayed. When I looked into console I saw 'Form reset done!'.</p>