这是我的Angular2应用程序,其中包含表格中的输入字段。我的数据显示在选择标记上,但输入标记上使用ngModel绑定的数据未显示在输入字段中。
<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>
在ngFor循环中创建多个ngModel控件时,请确保为每个控件指定唯一名称:
<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>