仅当 Angular 中的 pageIndex 更改时，如何在 mat-paginator 上触发 (page) 事件？答案

【问题标题】：How do I trigger the (page) event on a mat-paginator only when pageIndex changes in Angular?仅当 Angular 中的 pageIndex 更改时，如何在 mat-paginator 上触发 (page) 事件？
【发布时间】：2021-07-23 07:48:22
【问题描述】：

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

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

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

【问题讨论】：

标签： javascript angular

【解决方案1】：

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

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

【讨论】：