Angular 将Form HTML标记与ngFor一起使用会导致ngModel使用循环变量的最新结果，而不是当前结果

请看下面的Plnkr。如果在app.html中取消对html标记的注释，则所有的孩子都将是Tim

<!--<form #form="ngForm">-->
  <div class="row">
    <div class="col-lg-12" *ngFor="let employee of employees">
      <div class="col-lg-6">
        <label for="employee">Employee</label>
        <input type="text" class="form-control" id="employee" [(ngModel)]="employee.firstName" name="employee">
      </div>
      <div class="row">
        <div class="col-lg-12" *ngFor="let kid of employee.kids" style="border:1px solid #cecece;">

          <div class="col-lg-4">
            <label for="kid">Kid - {{kid.name}}</label>
            <input type="text" class="form-control" id="kid"  [(ngModel)]="kid.name" name="kid">
          </div>

        </div>


      </div>
    </div>
  </div>
<!--</form>-->

雇员
孩子-{{Kid.name}

---

我想使用Angular2表单功能，这样就不会跳过它并用一些javascripts替换它了。

将

[ngModelOptions]=“{standalone:true}”

添加到for循环中的输入中，以使它们都是唯一的（更准确地说，它们不会被添加到相同的

表单组

实例中）：

---

Handy肯定会用到这个。向上的

<input type="text" class="form-control" id="kid"  [(ngModel)]="kid.name" 
[ngModelOptions]="{ standalone : true }" name="kid">