如何在一个组件中包含多个Mat分页器实例？

<mat-paginator #paginator1 [length]="totalItems1" [pageSize]="pageSize1" [pageSizeOptions]="pageSizeOptions" (page)="onPageChange1($event)"></mat-paginator>

<mat-paginator #paginator2 [length]="totalItems2" [pageSize]="pageSize2" [pageSizeOptions]="pageSizeOptions" (page)="onPageChange2($event)"></mat-paginator>

<!-- 添加更多分页器 -->

import { MatPaginator } from '@angular/material/paginator';
import { ViewChild } from '@angular/core';

@Component({
  ...
})
export class YourComponent implements OnInit {
  @ViewChild('paginator1') paginator1: MatPaginator;
  @ViewChild('paginator2') paginator2: MatPaginator;

  ...
}

ngOnInit() {
  this.paginator1.pageSize = 10;
  this.paginator1.pageSizeOptions = [5, 10, 20];
  this.paginator1.showFirstLastButtons = true;
  // 设置其他分页器的配置参数

  // 设置每个分页器的数据总数
  this.totalItems1 = 100;
  this.totalItems2 = 200;
  // 设置其他分页器的数据总数
}

onPageChange1(event: PageEvent) {
  // 处理分页器1的事件
}

onPageChange2(event: PageEvent) {
  // 处理分页器2的事件
}

// 添加更多事件监听方法