我正在使用 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>
如何实现提交后才显示错误？
最佳答案
通过创建自己的 ErrorStateMatch 来解决，如https://material.angular.io/components/input/overview#changing-when-error-messages-are-shown中所述
关于提交时进行 Angular Material 验证，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53592042/