如何让点击mat-tab点击？

import { MatTabsModule } from '@angular/material/tabs';

@NgModule({
  imports: [MatTabsModule],
  // ...
})
export class AppModule { }

<mat-tab-group>
  <mat-tab *ngFor="let tab of tabs">
    <ng-template mat-tab-label>{{tab.label}}</ng-template>
    <div>{{tab.content}}</div>
  </mat-tab>
</mat-tab-group>

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

@Component({
  selector: 'app-tabs',
  templateUrl: './tabs.component.html',
  styleUrls: ['./tabs.component.css']
})
export class TabsComponent {
  tabs = [
    { label: 'Tab 1', content: 'Content for Tab 1' },
    { label: 'Tab 2', content: 'Content for Tab 2' },
    { label: 'Tab 3', content: 'Content for Tab 3' }
  ];
}

<mat-tab-group>
  <mat-tab *ngFor="let tab of tabs">
    <ng-template mat-tab-label>
      {{tab.label}}
      <button (click)="handleClick(tab)">Click</button>
    </ng-template>
    <div>{{tab.content}}</div>
  </mat-tab>
</mat-tab-group>

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

@Component({
  selector: 'app-tabs',
  templateUrl: './tabs.component.html',
  styleUrls: ['./tabs.component.css']
})
export class TabsComponent {
  tabs = [
    { label: 'Tab 1', content: 'Content for Tab 1' },
    { label: 'Tab 2', content: 'Content for Tab 2' },
    { label: 'Tab 3', content: 'Content for Tab 3' }
  ];

  handleClick(tab: any) {
    // 处理点击事件的逻辑
    console.log('Tab clicked:', tab);
  }
}