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

在Angular中，可以通过监听pageIndex的变化来触发mat-paginator上的(page)事件。以下是实现的步骤：

1. 首先，在组件的HTML模板中，将mat-paginator的(page)事件绑定到一个自定义的方法上，例如：

<mat-paginator [length]="totalItems" [pageSize]="pageSize" [pageIndex]="pageIndex" (page)="onPageChange($event)"></mat-paginator>

1. 在组件的TypeScript代码中，定义一个变量来保存当前的pageIndex值，例如：

pageIndex: number = 0;

1. 在组件的ngOnInit方法中，订阅pageIndex的变化，例如：

ngOnInit() {
  this.pageIndexSubscription = this.myService.pageIndexSubject.subscribe((pageIndex: number) => {
    if (pageIndex !== this.pageIndex) {
      this.pageIndex = pageIndex;
      // 执行你想要触发的操作
    }
  });
}

这里假设使用了一个名为myService的服务，并且该服务中有一个名为pageIndexSubject的Subject来发布pageIndex的变化。

1. 在组件的ngOnDestroy方法中，取消对pageIndex的订阅，例如：

ngOnDestroy() {
  this.pageIndexSubscription.unsubscribe();
}

1. 在需要触发mat-paginator的(page)事件的地方，通过调用myService中的方法来更新pageIndex的值，例如：

this.myService.updatePageIndex(newPageIndex);

这里假设myService中有一个名为updatePageIndex的方法来更新pageIndex的值。

通过以上步骤，当pageIndex发生变化时，只有在新的pageIndex值与当前保存的值不同时，才会触发mat-paginator上的(page)事件。