angular-material - Angular Material Table - 将用户移动到特定页面

Question

在加载表格时，我需要将用户移动到特定页面，例如，如果表格有 10 页，我需要将用户移动到第 8 页，而不是用户必须单击 8 次才能到达第 8 页。我正在使用 Angular Material表和分页器。

标签： angular-materialangular-material-table

Answer 1

从 pageEvent 设置 pageIndex。这是代码

pageChange(pageEvent: PageEvent) {
if (pageEvent.pageIndex > pageEvent.previousPageIndex)
   this.readMoreRecords();
   this.pageSize = pageEvent.pageSize;
   this.pageIndex = pageEvent.pageIndex;

}

<mat-paginator [pageSize]='5' 
               (page)="pageChange($event)"
               [pageSizeOptions]='[5, 10, 15, 25]' showFirstLastButtons>
</mat-paginator>