材料数据表上的角度材料分页器问题答案

【问题标题】：Angular Material Paginator Issue On Material Data Table材料数据表上的角度材料分页器问题
【发布时间】：2019-05-15 17:57:09
【问题描述】：

我有一个从服务填充的数据表，一切正常，除非我将鼠标悬停在箭头上进行分页时出现此错误

我有：

   ngOnInit() {
      this.dataTableSource.paginator = this.paginator;
   }

当我从服务中获取数据时也会重置：

processedTransactions.subscribe(transactions => {

      this.dataTableSource = newMatTableDataSource<DataTableRow(this.dataTableData);
          this.dataTableSource.paginator = this.paginator;
          this.dataTableSource.sort = this.sort;
})

html 是：

<mat-paginator [length]="length"
              [pageSize]="pageSize"
              [pageSizeOptions]="pageSizeOptions"
              >
</mat-paginator>

与：

  length = 100;
  pageSize = 5;
  pageSizeOptions: number[] = [10, 20, 30];

当我将鼠标悬停在箭头上进行分页时，为什么会出现此错误？

另外，当我对数据进行硬编码时，它仍然会给出相同的错误

【问题讨论】：

你也可以发布
是的，上面发布了编辑
nou 确定是这里的错字还是您的代码上的错字 => newMatTableDataSource 新的 MatTableDataSource(this.dataTableData);
你能在这个闪电战中重现你的问题吗stackblitz.com/angular/…
我能够重新创建但无法保存在 stackblitz 中，经典我想我知道这个问题......

标签： angular pagination angular-material

【解决方案1】：

"@angular/cdk": "^7.3.5",
"@angular/material": "^7.3.7",

需要：

"@angular/cdk": "^7.3.7",
"@angular/material": "^7.3.7",

如果是第一个，你会在数据表的 MatTooltip 上得到一个神秘的错误

【讨论】：