在角度材质中调用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