Mat滑块切换[选中]在更改Mat选项卡时重置

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

@Component({
  selector: 'app-tab-group',
  templateUrl: './tab-group.component.html',
  styleUrls: ['./tab-group.component.css']
})
export class TabGroupComponent {
  selectedTabIndex = 0;
  sliderValue = 0;

  onTabChange(event: any) {
    // 重置滑块的值为0
    this.sliderValue = 0;
  }
}

<mat-tab-group (selectedTabChange)="onTabChange($event)">
  <mat-tab label="Tab 1">
    <mat-slider [(ngModel)]="sliderValue"></mat-slider>
  </mat-tab>
  <mat-tab label="Tab 2">
    <mat-slider [(ngModel)]="sliderValue"></mat-slider>
  </mat-tab>
</mat-tab-group>