Angular2中,ngModel在ngFor内部(数据不绑定到输入)的问题可能是由于ngFor创建了多个相同的ngModel指令,导致数据绑定错误。解决这个问题的方法是使用唯一的标识符来区分每个ngModel指令。
以下是解决该问题的步骤:
例如,使用索引作为标识符:
<div *ngFor="let item of items; let i=index">
<input [(ngModel)]="item.value" [name]="'input-' + i">
</div>
例如:
<div *ngFor="let item of items; let i=index" [ngModelGroup]="'group-' + i">
<input [(ngModel)]="item.value" [name]="'input-' + i">
</div>
这样,每个ngModel指令都被包装在一个独立的ngModelGroup中,确保数据绑定正常工作。
领取专属 10元无门槛券
手把手带您无忧上云