Angular5 如何使用material form字段重置angular 5中的反应形式

提交表单后，我需要将表单重置为原始状态。我正在使用FormGroup中的material form字段创建输入字段。因此，当我从formgroup调用reset方法时，表单不会恢复到其原始状态，而是验证是否将所有字段都设置为无效状态

我的表单模板

<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>  

---

如何在重置后将表单恢复到原始状态？

我知道这是一个迟来的评论，但您是否能正常工作？能否添加用于实例化表单的typescript？这是Angular Material中的一个问题。目前有一个尚未解决的GitHub问题：

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