在ngFor内的[(ngModel)]绑定失败

新手上路,请多包涵
`<tr *ngFor="let sheet of sheetData;let i = index">
    <td class="commonWidth" *ngFor="let td of sheetTd;let j = index; trackBy: trackByIndex"><input type="text" [(ngModel)]="sheetTd[j]" name="{{j}}"></td>
</tr>`

前提是:

 sheetData=[{name:'1'},{name:'2'}];
 sheetTd=["sheet.name","sheet.kind","sheet.childKind","sheet.brand","sheet.date","sheet.validity","sheet.price","sheet.price"]

但是结果如下:

clipboard.png
完全没有绑定好,个人感觉是模板解析了一次只把sheetTd[j]解析成了"sheet.name"等字符串,没有进一步解析成sheet的属性,求大神分析

阅读 3.2k
2 个回答
sheetData=[{name:'1'},{name:'2'}]
sheetTd=["name","kind","childKind","brand","date","validity","price","price"]

<tr *ngFor="let sheet of sheetData;let i = index">
    <td class="commonWidth" *ngFor="let td of sheetTd">
        <input type="text" [(ngModel)]="sheet[td]" name="{{td + i}}">
    </td>
</tr>

你写得太复杂。

新手上路,请多包涵

楼上正解,复杂没办法,公共组件

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进