*ngFor 中的输入 ngModel 绑定到所有输入的相同值

Raj*_*Raj 4 angular2-forms angular angular4-forms

<tbody>
    <tr *ngFor="let trxList of trxNumberList; let i= index">
        <td>{{i}}</td>
        <td>
            <input type="text" name="trxNumber-{{i}}" class="form-control" minlength="1" maxlength="20" [(ngModel)]="trxList.trxNumber" />
        </td>
    </tr>
</tbody>
Run Code Online (Sandbox Code Playgroud)

这是我的表格主体,当我在第一个输入框中键入时,所有其他输入都绑定到该值。附图片。请帮忙。

在此输入图像描述

编辑:

组件代码:

trxNumberObj = new Transaction;

ngOnInit() { 
  for(var i= 0 ; i <= 10; i++ ){ 
    this.trxNumberObj.count = i; 
    this.trxNumberList.push(this.trxNumberObj); 
  } 
}
Run Code Online (Sandbox Code Playgroud)

Vik*_*iya 5

使用以下内容

<input type="text" name="trxNumber-{{i}}" class="form-control" minlength="1" maxlength="20" [(ngModel)]="trxNumberList[index].trxNumber" />
Run Code Online (Sandbox Code Playgroud)

这应该可以解决问题。如果不行请告诉我