使用p-tableHeaderCheckbox和p-table时，当移动到下一页时，标题中的SelectAll复选框应取消选中

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

@Component({
  selector: 'app-table',
  template: `
    <p-table [value]="data" [paginator]="true" (onPage)="onPageChange($event)">
      <ng-template pTemplate="header">
        <tr>
          <th>
            <p-tableHeaderCheckbox [(ngModel)]="selectAll"></p-tableHeaderCheckbox>
          </th>
          <th>Column 1</th>
          <th>Column 2</th>
          <th>Column 3</th>
        </tr>
      </ng-template>
      <ng-template pTemplate="body" let-rowData>
        <tr>
          <td>
            <p-tableCheckbox [(ngModel)]="rowData.selected"></p-tableCheckbox>
          </td>
          <td>{{ rowData.column1 }}</td>
          <td>{{ rowData.column2 }}</td>
          <td>{{ rowData.column3 }}</td>
        </tr>
      </ng-template>
    </p-table>
  `,
})
export class TableComponent {
  data: any[]; // 表格数据
  selectAll: boolean = false; // SelectAll复选框的选中状态

  onPageChange(event: any) {
    this.selectAll = false; // 移动到下一页时，将SelectAll复选框的选中状态设置为未选中
  }
}