angular - markAsUntouched 未清除红线

Question

我正在使用 Angular Material 的 react 形式。当我单击 onsubmit() 时，我希望所有没有值的参数都不会显示错误(红线)

我尝试使用 this.formGroup.markAsUntouched(); 但它不起作用。

当我不在 Angular Material 上使用时，它可以工作。有人知道如何正确使用 Angular Material 吗？

<form [formGroup]="formGroup" (ngSubmit)="onSubmit(formGroup.value)" class="form">
    <mat-form-field class="form-element">
        <input matInput placeholder="Emailaddress" formControlName="email">
    </mat-form-field>
</form>



onSubmit(post) {
    this.formGroup.markAsUntouched();
}

formGroup 将保持不变，但红线仍然出现。

Answer 1

formReset(formGroup: FormGroup) {
    formGroup.control.reset();
    formGroup.control.markAsPristine();
    formGroup.control.markAsUntouched();
}

// for safety measure try calling this function in a try-catch block, it works on a reactive forms