如何在切换标签时保持matsortdirection的角度？

<mat-tab-group>
  <mat-tab label="Tab 1">
    <table mat-table [dataSource]="data">
      <ng-container matColumnDef="name">
        <th mat-header-cell *matHeaderCellDef mat-sort-header> Name </th>
        <td mat-cell *matCellDef="let element"> {{element.name}} </td>
      </ng-container>
      <!-- 其他列定义 -->
      <tr mat-header-row *matHeaderRowDef="columnsToDisplay"></tr>
      <tr mat-row *matRowDef="let row; columns: columnsToDisplay;"></tr>
    </table>
  </mat-tab>
  <mat-tab label="Tab 2">
    <!-- 标签页2的内容 -->
  </mat-tab>
</mat-tab-group>

import { MatTableDataSource } from '@angular/material/table';
import { MatSort } from '@angular/material/sort';

export class MyComponent implements OnInit {
  data: MyData[]; // 数据源
  columnsToDisplay = ['name', 'age', 'email']; // 列定义
  dataSource: MatTableDataSource<MyData>; // MatTableDataSource用于排序和过滤

  @ViewChild(MatSort) sort: MatSort; // 获取排序实例

  ngOnInit() {
    this.data = [
      { name: 'John', age: 25, email: 'john@example.com' },
      { name: 'Alice', age: 30, email: 'alice@example.com' },
      // 其他数据
    ];

    this.dataSource = new MatTableDataSource(this.data);
    this.dataSource.sort = this.sort; // 将排序实例与数据源关联
  }
}

<mat-tab-group (selectedTabChange)="onTabChange($event)">
  <!-- 标签页定义 -->
</mat-tab-group>

onTabChange(event: MatTabChangeEvent) {
  if (event.index === 0) {
    this.sort.direction = 'asc'; // 设置排序方向为升序
  } else {
    this.sort.direction = 'desc'; // 设置排序方向为降序
  }
}