Question

我正在使用Angular Material输入字段，但是存在一个问题，一旦用户对其进行操作，该字段就会变为红色。

但是，在提交表单之前，我需要这些字段保持“有效”状态，以便用户仅在单击提交按钮之后才开始看到错误。

在临时输入中，我使用了<input [class.ng-invalid]="control.invalid && submitted">这个东西，因此单击“提交”后它开始变成红色。

但是当我尝试将其应用于matInput

时，这并没有帮助我

<mat-form-field class="w-100">
    <input [id]="id" matInput
           [class.ng-invalid]="control.errors && submitted"
           [placeholder]="getPlaceholder()"
           [formControl]="control">
</mat-form-field>

如何仅在提交后显示错误？

Answer 1

通过创建自己的ErrorStateMatch来解决，如https://material.angular.io/components/input/overview#changing-when-error-messages-are-shown

中所述

提交时对角材料进行验证

1 个答案: