Angular2 ngModel inside ngFor (数据不绑定到输入)
Angular2 ngModel inside ngFor (数据不绑定到输入)
提问于 2016-09-06 03:37:07
这是我的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>回答 2
Stack Overflow用户
发布于 2016-11-21 04:52:30
在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>Stack Overflow用户
发布于 2018-03-21 16:50:07
雅罗斯拉夫方法的另一种选择:将[ngModelOptions]="{standalone: true}"设置为input
附言:确保你知道什么是https://angular.io/api/forms/NgModel#options独立选项
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39336708
复制相关文章
相似问题