微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决Angular Material Table - 将用户移动到特定页面

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

解决方法

从 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>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。