angular - 'MatTableDataSource 类型的参数' 不可分配给 'Collection 类型的参数'。
问题描述
如果我将 ngx-paginator 添加到 mat table,我将面临这个问题。请帮帮我。
<table mat-table [dataSource]="dataSource| paginate: {itemsPerPage: size, currentPage: p,
totalItems: EMP_DATA.length}" class="mat-elevation-z8" matSort>
.
.
<pagination-controls (pageChange)="p = $event;paginate(p)"
[responsive]="true"
></pagination-controls>
在 ts 文件中
size = 10;
pageIndex = 0;
p=1;
dataSource = new MatTableDataSource<EmpElement>(this.EMP_DATA);
paginate(event: any) {
this.pageIndex=event;
}
解决方案
从错误中,我假设 EmpElement 不是数组
更改以下行:
dataSource = new MatTableDataSource<EmpElement[]>(this.EMP_DATA);
推荐阅读
- android - 找不到菜单项
- windows - 是否有“多值文本编辑控件”可用?
- html - 引导容器排列
- php - 如何修复centos 7 apache上prestashop的权限错误?
- javascript - 无法将新的 Google 表单提交数据复制到 Google 表格中的新工作表
- ruby-on-rails - Jekyll ERROR Errno::ECONNRESET: Connection reset by peer @ io_fillbuf - fd:17
- python - 在 RelativeLayout 中嵌入 GridLayout
- karate - url中的空手道框架符号编码
- java - Java中的可选参数
- javascript - 为什么输出是 1 2 3 13 ,背后的逻辑是什么?