Angular2 ngModel bên trong ngFor (Dữ liệu không ràng buộc trên đầu vào)

Question

Đây là ứng dụng Angular2 của tôi có các trường nhập trong bảng. Dữ liệu của tôi hiển thị trên thẻ select nhưng dữ liệu được liên kết bằng cách sử dụng ngModel trên thẻ input không được hiển thị trong trường 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

Khi tạo nhiều điều khiển ngModel bên ngFor loop hãy chắc chắn để cung cấp cho mỗi điều khiển độc đáo 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>