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

发布于 2022-09-05 23:30:00 字数 707 浏览 18 评论 0

`<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的属性,求大神分析

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

鹤仙姿 2022-09-12 23:30:00
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>

你写得太复杂。

梦里人 2022-09-12 23:30:00

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文