(ANGULAR-12) Mat-paginator 在满足条件后更改页面

Question

我正在寻找一种方法来更改 HTML 中

mat-paginator

的页面。

当我编辑用户时，我想与

mat-paginator

保持在同一页面上。 所以我将这些信息存储在

currentPage

变量中。

但我想对 Angular 说，如果这个变量

!null

，请转到

mat-paginator

的这个页面

<!-- Pagination -->
<mat-paginator  *ngIf="!currentPage" color="primary" [hidden]="dataSource.totalItems === 0" [length]="dataSource.totalItems"
    [pageSize]="dataSource.pageSize" [pageIndex]="dataSource.pageIndex - 1" [pageSizeOptions]="pageSizeOptions"
    (page)="onPaginateChange($event)" showFirstLastButtons>
</mat-paginator>

我尝试写两个，但如果没有事件，我无法重新渲染分页。

Answer 1

this.paginator.pageIndex = this.goTo - 1;
   const event: PageEvent = {
   length: this.paginator.length,
   pageIndex: this.paginator.pageIndex,
   pageSize: this.paginator.pageSize
};
this.paginator.page.next(event); 

这里

goTo

是变量，指示您想要转到哪个页面，因此保存用户信息后，您需要输入上面的代码来导航到页面。