angular5 - Angular5表单数组验证动态创建的字段

Question

我正在使用 angular5，因为我正在使用表单数组来动态生成字段。最初我想将表单数组加载为 0 个文件。如果我单击加号按钮，我想添加两个字段。有验证。

如果从数组为空，即现在创建字段，我必须提交没有此动态字段的按钮。

如果创建了字段，我必须设置验证而不在字段中输入信息，我不会启用提交按钮。

如果我在表单数组中设置validators.required，我无法在不输入前两个字段的情况下提交

我需要一个解决方案。

Answer 1

假设您正在使用模板驱动的方法，在您循环数据以生成动态控件的地方，创建一个索引变量*ngFor=" val in collection; let i=index"，然后使用它 i 通过附加 i 与控件的名称来使每个控件唯一<input type="text" name="txtId-{{i}} #txtId="ngModel" [(ngModel)]="someId" />

现在，如果您尝试在循环中使用 txtId.valid，它将对每一行都是唯一的。