ngModelChange不会更新输入的值

Question

我有一个表单，使用(ngModelChange)循环数组为每个项目创建一个输入字段。

此数组以1项开头，但是当其中一个输入字段中输入数字时，会根据此数字将更多项添加到数组中。

我在输入号码时使用 <form #testForm="ngForm" (submit)="submit()"> <div *ngFor="let test of tests"> <label for="testProp">Test Property</label> <input type="number" [(ngModel)]="test.testProp" (ngModelChange)="inputChange($event)" name="testProp"/> <b>Value: {{test.testProp}}</b> </div> </form> 将新项目推送到数组。

inputChange(number: any, index: any) {

  for(var i = 0; i < number; i++) {
    console.log(i);
    this.tests.push({});
  }

}

inputChange函数

main()

当前行为

绑定项目的值时，它存在，但由于某种原因，输入的值为空。

预期行为

输入值不能为空。

使用说明书轻微复制问题

http://plnkr.co/edit/5P0nt68FSFH2UuEpJRnh?p=preview

• Angular版本： 2.4.5

• 浏览器：所有

• 语言：TypeScript 2.0.2

Answer 1

我为每个输入使用了相同的name属性。将索引添加到名称name="testProp-{{i}}"