快速解决方案:Angular的FormArray中的唯一值验证

在这里,我将讨论FormArray内部对FormControl进行唯一值验证的方法。

我将构建一个工作申请表,用户可以在其中输入有关其姓名和技能的信息。 技能必须独特。

让我们开始创建一个表单,并对技能名称进行唯一验证。 因此,没有可用的唯一验证器,并且没有在组件中编写太多代码,我将直接使用“ @ rxweb / reactive-form-validators ”验证框架的唯一验证 。 该验证框架为50多个验证器提供了跨字段验证。

我们首先安装“ @ rxweb / reactive-form-validators ”。

  npm install @ rxweb / reactive-form-validators 

现在,在根模块中注册“ RxReactiveFormsModule”。

这是stackblitz的工作示例:

唯一值验证形式数组反应形式的角度– StackBlitz

FormArray中的唯一验证器示例

stackblitz.com

希望您喜欢这篇文章,如果您有任何疑问或建议,请在下面发表评论。