Q: How to reset reactive form in angular 5 using material form field I need to reset my form to my original state after submitting the form. I'm using material form fields in my FormGroup to create the input fields. So, when i call reset method from formgroup, the form doesn't revert back to its original state, instead it validates make all the fields to invalid state.
My form template
<form [formGroup]="createUserForm" (ngSubmit)="createUser()" novalidate class="add_user_form normal_form">
      <div class="form_input_field">
          <i class="fas fa-user"></i>
        <mat-form-field>
            <input formControlName="uname"  matInput placeholder="UserName*">
            <mat-error *ngIf="createUserForm.controls['uname'].hasError('required') && formSubmitted">
              Please enter your username
            </mat-error>
          </mat-form-field>
      </div>
     <div class="form_button_field">
        <button mat-raised-button class="form_btn_submit" color="primary">Submit</button>
        <button mat-raised-button type="reset" class="form_btn_cancel" color="warn">Cancel</button>
      </div>
    </form>  

My Submit function
createUser() {
    if(this.createUserForm.valid) {
      this.createUserForm.reset();
    }
  }

How to bring back the form to original state after resetting?
