猿问

在表单数组 angular 中验证和显示特定表单控制器的错误消息

我有这个(stackBlitz)简单的表单,用 angular 创建formBuilder

formArray如果特定字段无效,我只需要了解如何验证动态的每个元素并为每个元素显示唯一消息。我尝试了几种解决方案,并尝试custom validator function使用 return an ValidatorFn。有了它,我可以简单地验证formArray,但是对于我的场景来说还不够好,而且我仍然无法根据验证函数的行为显示消息。如何缩小范围,我只需要知道是否有更好的方法来验证 this 的每个动态元素formArray。这些是验证规则。

  1. 每个字段值都应该是唯一的。

  2. 需要实时验证

  3. 添加几个元素后,有人编辑以前添加的字段,它也应该与所有其他字段值实时验证(这是我被击中的地方,我可以从编辑字段向上验证,但不是编辑字段下方的字段是相应验证)

如果有人可以向我展示某种以正确方式实现这一目标的方法,那就太好了,因为我已经对此感到震惊了将近 3 天,但仍然无法找到更好的解决方案。


喵喵时光机
浏览 147回答 1
1回答
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答