角材-垫错误不显示输入字段的错误消息

时间:2018-12-10 05:53:08

标签: angular angular-material angular-reactive-forms reactive-forms

场景-具有表单数组的活动表单。表单中的每个字段都有一个必填项的验证。表单数组本身具有minlength(1)和maxlength(3)的验证。在表单数组中添加4个值会使表单无效,并在最后一个值字段中显示错误消息-Maximum 3 values can be added

代码已启用-stackblitz

问题-即使* ng中的mat-error条件为true,也不会显示该字段的错误(即使触摸该字段也是如此)。

复制步骤-

  1. 打开stackblitz
  2. 在“值”字段中输入1,然后单击+按钮
  3. 在新的Value字段中输入2,然后单击+按钮
  4. 在新的“值”字段中输入3,然后单击+按钮
  5. 在新的Value字段中输入4。期望对最后一个值字段显示错误Maximum 3 values can be added

1 个答案:

答案 0 :(得分:0)

您需要为FormArray创建一个自定义验证器。在此处查看示例。

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