仅当 Angular 中的 pageIndex 发生变化时，如何在 mat-paginator 上触发 (page) 事件？

Question

每次用户转到分页器的另一页时，我都试图获取 pageIndex。 此代码当前有效，但当 pageSize 更改时也会触发该事件。

 onPaginateChange(event) { console.log(event.pageIndex); }

 <mat-paginator [pageSizeOptions]="[10, 5, 20]" [pageIndex]="pageIndex" (page)="onPaginateChange($event)" showFirstLastButtons></mat-paginator>

Answer 1

AFAIK 该事件将始终被触发，但您可以比较上一个 pageIndex 以了解它是否已更改。

onPaginateChange(event) {
  if (pageIndex !== event.pageIndex) {
    console.log(event.pageIndex);
    pageIndex = event.pageIndex;
  }
}