ngFor中的Angular2 ngModel(数据不绑定输入)

发布时间：2020-12-17 08:02:11 所属栏目：安全来源：网络整理

导读：这是我的Angular2应用程序，其中包含表格中的输入字段。我的数据显示在选择标记上，但输入标记上使用ngModel绑定的数据未显示在输入字段中。 form name="userForm"tabletr *ngFor="let item of itemList; let in =index" tdselectoption {{item.FirstName}}/

这是我的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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!