对角度动态创建的输入文本字段的验证检查

Question

我通常通过向输入标签提供模板引用变量 ngmodel 来检查输入文本字段的验证，例如 #name1="ngModel" 然后使用该变量，例如 *ngIf="name1.touched && !name1.valid" 检查其有效性并相应地显示错误消息。 但是，当我尝试使用动态生成的字段来执行此操作时，例如，如果用户可以选择插入任意数量的电子邮件，以便他们可以选择再添加一个字段来添加另一封电子邮件，我可以使用 @ 生成这些字段987654324@ 但是我无法对它们执行有效性检查，因为我无法为每个字段分配唯一的模板引用变量 ngmodel。无论如何要对这些字段执行这些检查吗？我正在使用角度 6。

Answer 1

对于验证，您有更好的 Angular 反应式表单验证选项。

但是，如果您想坚持使用相同的解决方案，那么您可以在 for loop 内使用相同的引用名称，因为 variable 的引用 context 在 loop 内，并且每次迭代都会有所不同。

演示副本在这里https://stackblitz.com/edit/angular-forloop-same-reference