在角度材质中调用form.reset()后,显示所需字段控件的红色

时间:2018-04-04 10:02:04

标签: angularjs angular-forms

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,
      ])),

1 个答案:

答案 0 :(得分:0)

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