Angular mat-tab返回到另一个类的第一个选项卡

// componentA.component.ts
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-componentA',
  templateUrl: './componentA.component.html',
  styleUrls: ['./componentA.component.css']
})
export class ComponentA implements OnInit {
  selectedIndex: number = 0;

  constructor() { }

  ngOnInit(): void {
    // 从本地存储中恢复选项卡索引
    const savedIndex = localStorage.getItem('tabIndex');
    if (savedIndex) {
      this.selectedIndex = parseInt(savedIndex, 10);
    }
  }

  onTabChange(index: number): void {
    // 保存当前选项卡索引到本地存储
    localStorage.setItem('tabIndex', index.toString());
  }
}

<!-- componentA.component.html -->
<mat-tab-group [selectedIndex]="selectedIndex" (selectedTabChange)="onTabChange($event.index)">
  <mat-tab label="Tab 1">Content 1</mat-tab>
  <mat-tab label="Tab 2">Content 2</mat-tab>
  <mat-tab label="Tab 3">Content 3</mat-tab>
</mat-tab-group>