(ANGULAR-12) Mat-paginator 根據條件改變頁面

Question

我正在尋找一種方法來更改 HTML 中的 mat-paginator 頁面。

當我編輯用戶時，我想與 mat-paginator 保持在同一頁面上。 所以我將此信息存儲在 currentPage 變量中。

但是我想對angular說，如果這個變量為null，go到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是一個變量，它指示你想要在哪個頁面上 go 所以在保存用戶信息后你需要將上面的代碼導航到頁面。