场景 - 具有表单数组的反应式表单 . 表单中的每个字段都具有必需的验证 . 表单数组本身具有minlength(1)和maxlength(3)的验证 . 在表单数组中添加4个值将使表单无效并在最后一个值字段中显示错误消息 - Maximum 3 values can be added
.
代码已开启 - stackblitz
问题 - 即使在mat-error的* ngIf条件为真时,它也不显示字段的错误(即使触摸了字段) .
重现步骤 -
-
打开stackblitz
-
在“值”字段中输入1,然后单击“按钮”
-
在新值字段中输入2,然后单击按钮
-
在新值字段中输入3并单击按钮
-
在新值字段中输入4 . 期望是针对最后一个值字段显示错误
Maximum 3 values can be added
.
1 回答
您需要为
FormArray
创建自定义验证器 . 在这里查看示例 .https://stackblitz.com/edit/angular-qx5ttm