在角度材料中调用 form.reset() 后，必填字段控件显示为红色

Question

Attached screenshot for more information about error

我正在使用 FormGroup 来创建表单控件，并且在将填充的数据提交到服务器后，我正在调用 form.reset() 方法来清除当前数据。 所以我想要的是，所有控件都应该像组件第一次初始化时一样呈现

html文件代码：

<mat-form-field>
     <input matInput id="title" placeholder="Enter your title" 
     formControlName="title">
</mat-form-field>

TS 文件代码：

title: new FormControl("", Validators.compose([
        Validators.required,
      ])),

Answer 1

这是angular5：

  <form [formGroup]="myform" novalidate (ngSubmit)="onSubmit()">
    <button type="submit" class="btn btn-primary">Submit</button>
  </form>

js

onSubmit()
{
if(this.myform.valid)
{
console.log("form submitted",this.myform.value)
this.myform.reset();
}
}

查看此链接了解更多check the link