问题描述
早上好,我的NGX数据表出现视觉问题,如上图所示,正在添加和扣除项目,我总共有5个项目,但没有显示。我正在使用一种模式来实时更新此表的值,该模式会将@Output发送到列表,即使键匹配也是如此。
这是我的代码: 对于HTML:
<ngx-datatable
style="height: 500px"
class="material fullscreen"
[columnMode]="'force'"
[headerHeight]="50"
[footerHeight]="50"
[rowHeight]="50"
[scrollbarV]="true"
[scrollbarH]="true"
[rows]="filteredItems">
<ngx-datatable-column name="id" [width]="100">
<ng-template ngx-datatable-header-template>
ID
</ng-template>
</ngx-datatable-column>
<-- My Modal -->
<app-modal-child
(newItemEvent) = "newItemEvent($event)"
></app-modal-child>
用于处理事件的TS父级:
newItemEvent(value: any) {
this.filteredItems = value;
}
触发事件的模态TS:
@Output() newItemEvent = new EventEmitter<any>();
onNewItemUpdate(value: any) {
this.newItemEvent.emit(value);
}
onSelect({ selected }) {
this.itemData.splice(0,this.itemData.length);
this.itemData.push(...selected)
this.onNewItemUpdate(this.itemData);
}
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)