如何解决如何将 ngModel 与 2D 数组进行 2 向绑定?
我有一系列事件,因此有些事件可能有过滤器,有些可能没有。对此进行可视化:
[
{
type: 'event1',filters: [ { name: 'filter1' },{ name: 'filter2' } ]
}
{
type: 'event2',filters: [ { name: 'filter1' } ]
}
{
type: 'event3',filters: [ ]
}
]
我尝试对过滤器输入字段进行双向绑定以获取其值,如下所示:
<div *ngFor="let event of events">
...
<div *ngFor="let filter of event.filters">
<input id="{{event.type}}.{{filter.name}}" [(ngModel)]="filters[event.type][filter.name]" />
</div>
</div>
,而在 component.ts 中,我已经声明了 filters: any = [];
。
我得到的只是 ,这可能与某些事件中缺少过滤器有关。有没有办法正确地做到这一点?
解决方法
如果您希望绑定到 name
数组的 filters
属性,绑定应如下所示
<div *ngFor="let event of events">
...
<div *ngFor="let filter of event.filters">
<input id="{{event.type}}.{{filter.name}}" [(ngModel)]="filter.name" />
</div>
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。