如何在primeNg中通过点击改变分页器事件来改变p表的行索引号

<p-table [value]="data" [paginator]="true" [rows]="pageSize" [totalRecords]="totalRecords" (onPage)="onPageChange($event)">
  <!-- 表格列定义 -->
</p-table>

import { Component } from '@angular/core';

@Component({
  selector: 'app-table',
  templateUrl: './table.component.html',
  styleUrls: ['./table.component.css']
})
export class TableComponent {
  data: any[]; // 数据数组
  pageSize: number = 10; // 每页显示的行数
  totalRecords: number; // 总记录数

  constructor() {
    // 初始化数据
    this.data = [
      // 数据项
    ];
    this.totalRecords = this.data.length;
  }

  onPageChange(event) {
    // 处理分页器的点击事件
    const firstRow = event.first; // 当前页的第一行索引号
    const rows = event.rows; // 每页显示的行数

    // 根据索引号获取对应的数据
    this.data = this.getDataByIndex(firstRow, rows);
  }

  getDataByIndex(firstRow: number, rows: number): any[] {
    // 根据索引号获取对应的数据
    // 实现自己的逻辑，例如从后端获取数据
    // 返回对应的数据数组
  }
}