阻止用户在没有VIewChild的情况下使用mat- tab -group导航到其他选项卡

<mat-tab-group #tabGroup>
  <!-- tab content -->
</mat-tab-group>

import { Component, ViewChild } from '@angular/core';
import { MatTabGroup } from '@angular/material/tabs';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent {
  @ViewChild('tabGroup') tabGroup: MatTabGroup;

  // other component code
}

navigateToTab(tabIndex: number): void {
  if (this.tabGroup) {
    this.tabGroup.selectedIndex = tabIndex;
  } else {
    // handle unauthorized navigation
  }
}