Angular 4 Reactive form验证* ngFor内的动态表单，带有动态名称

Question

我有一个包含重复行的页面，每行都有重复的表单，如

<div *ngFor="let item of taskListObj">
<form name="editForm_{{item.id}}">
 <input name="taskNme" value="{{item.name}}" type="text">
  ....
  .....
 <input type="submit">
</form>
</div>

如何使用反应形式验证每个表单，因为表单名称是动态的。 感谢。

Answer 1

1. 使用迭代索引
2. 将索引放入输入名称

e.g。

<div *ngFor="let item of taskListObj; let i = index"> <input name="taskNme" value="{{item.name + i}}" type="text">