Angular2 ngModel inside ngFor（データは入力にバインドされていません）

Question

これは、入力フィールドがテーブル内にある私のAngular2アプリケーションです。私のデータはselectタグに表示されていますが、のinputタグにバインドされたデータはinputフィールドに表示されていません。

<form name="userForm"> 
<table> 
<tr *ngFor="let item of itemList; let in =index"> 
    <td><select><option >{{item.FirstName}}</option></select></td> 
    <td><input type="text" id="lastname" name="lastname" [(ngModel)]="itemList[in].lastname"></td> 
    <td><input type="text" id="middlename" name="middlename" [(ngModel)]="itemList[in].middlename"></td> 
</tr> 
</table> 
</form> 

Answer 1

ngForループ内で複数のngModelコントロールを作成する場合は、それぞれが固有のname制御できていることを確認してください：

<form name="userForm"> 
<table> 
<tr *ngFor="let item of itemList; let in = index"> 
    <td><input type="text" name="lastname-{{in}}" [(ngModel)]="item.lastname"></td> 
    <td><input type="text" name="middlename-{{in}}" [(ngModel)]="item.middlename"></td> 
</tr> 
</table> 
</form>