时间戳

首页 > 解决方案 > 重置分页器首页角度材料

angular - 重置分页器首页角度材料

问题描述

我正在尝试转到mat-paginator的第一页，即重置分页，但它不起作用。知道如何解决吗？

我的html是这样的

<mat-paginator [length]="itemTotal" [pageIndex]="page" [pageSize]="itemPage" (page)="pageEvent = getPublicationFollowersData($event)">
    </mat-paginator>

打字稿：

   getPublicationFollowersData(event?: PageEvent) {
      this.getPublicationsUser(event.pageIndex);
}

我尝试使用以下方法初始化页面：

this.page = 1

但它不起作用。

标签： angularpaginationangular-materialangular7

解决方案

您需要使用ViewChild装饰器来选择分页器，然后设置分页器的pageIndex属性。

@ViewChild() paginator: MatPaginator;
...
this.paginator.pageIndex = 0;

编辑：正如其他答案所建议的，如果您想将分页器重置为第一页，最好使用this.paginator.firstPage()

推荐阅读