单页分页问题中的多个角度材料表

Question

我在单个 html 页面中使用有角度的两个材料表。第一个表，数据加载良好，分页正确。但在第二个表中，所有数据加载都没有分页。我在两个页面上都添加了分页功能。我想展示与此相关的部分代码。

表1分页（运行良好）

 <mat-paginator #paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>

表2分页（分页不起作用）

  <mat-paginator #errorpaginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons>

我的组件文件

 <mat-paginator #paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>

你能帮我解决第二个表格分页问题吗？

Answer 1

多角度材料表对我有用...

表1分页

 <mat-paginator [pageSize]="10" [pageSizeOptions]="[3, 5, 10]" 
  [showFirstLastButtons]="true"></mat-paginator>

表2分页

   <mat-paginator [pageSize]="10" #paginatorlist [pageSizeOptions]="[3, 5, 10]"  
    [showFirstLastButtons]="true"></mat-paginator>

TS：变化检测器寻找第一个元素..所以我们可以使用属性 .. read - True 从查询的元素中读取不同的标记。

    @ViewChild('paginatorlist', { read: MatPaginator }) paginatorlist: MatPaginator;
    @ViewChild(MatPaginator) paginator: MatPaginator;