小编Hat*_*tti的帖子

我使用有角度的材料，并且有一个带有反应验证的表单。

我想在提交后重置我的表单，我的问题是提交后我看到我的错误出现在表单中。

输入示例：

<mat-form-field>\n  <mat-label>Pr\xc3\xa9nom</mat-label>\n  <input matInput name="prenom" formControlName="prenom">\n  <mat-error *ngIf="f.prenom.hasError(\'required\') && submitted">\n    Ce champ est obligatoire\n  </mat-error>\n  <mat-error *ngIf="f.prenom.errors?.maxlength && !f.prenom.hasError(\'required\')">\n    le pr\xc3\xa9nom ne peut pas d\xc3\xa9passer 20 caract\xc3\xa8res\n  </mat-error>\n</mat-form-field>\n

我尝试添加提交的变量和 this.myForm.markAsUntouched() 但不起作用

onSubmit() {\n  this.submitted = true;\n  if (this.myForm.invalid) {\n    return;\n  }\n  alert(\'Form Submitted succesfully!!!\\n Check the values in browser console.\');\n  console.table(this.myForm.value);\n  this.submitted = false;\n  this.myForm.reset();\n  this.myForm.markAsUntouched();\n}\n

使用提交的变量，我看到消息错误消失（下面的黄色部分），但边框和红色没有消失。

你们有什么想法来解决这个问题吗？