angular - 角度材料 - mat-error 不显示输入字段的错误消息

Question

场景 - 带有表单数组的反应式表单。表单中的每个字段都有一个Required 验证。表单数组本身具有 minlength(1) 和 maxlength(3) 的验证。在表单数组中添加 4 个值应该使表单无效并显示错误消息 -Maximum 3 values can be added在最后一个值字段中。

代码开启 - stackblitz

问题 - 即使 mat-error 的 *ngIf 中的条件为真，它也不会显示该字段的错误（即使触摸该字段）。

重现步骤 -

1. 打开堆栈闪电战
2. 在值字段中输入 1 并单击 + 按钮
3. 在新的值字段中输入 2 并单击 + 按钮
4. 在新的值字段中输入 3 并单击 + 按钮
5. 在新的值字段中输入 4。期望是Maximum 3 values can be added针对最后一个值字段显示错误。

标签： angularangular-materialangular-reactive-formsreactive-forms

Answer 1

您需要为您的FormArray. 在此处查看示例。

https://stackblitz.com/edit/angular-qx5ttm