首页 文章

ngFor中的Angular2 ngModel（数据不绑定输入）

提问于
浏览 次
29

这是我的Angular2应用程序，其中包含表格中的输入字段 . 我的数据显示在 select 标记上，但 input 标记上使用 ngModel 绑定的数据未显示在 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>
angular

2 回答

  • 0

    在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>
    回复于
  • 70

    雅罗斯拉夫方法的另一种选择：将 [ngModelOptions]="{standalone: true}" 设置为输入

    附：确保你知道什么是独立选项https://angular.io/api/forms/NgModel#options

    回复于

相关问题