(ANGULAR-12) Mat-paginator在condition之后更改页面

Question

我正在寻找一种方法来改变我的HTML内部的垫页器的页面。

当我编辑一个用户时，我希望与垫页器保持在同一个页面上。因此，我将这些信息存储在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是一个变量，它表示你想去哪个页面，所以在保存用户信息后，你需要放入上面的代码来导航到页面。