Нужно вызывать разные функции, на каждой вкладке нажимать на вкладки дизайна материала.

Question

Мне нужно вызывать различные функции на каждой вкладке. Событие щелчка на вкладках Угловой дизайн материала.

Я уже пробовал это решение, но оно не работает.

Answer 1

Вы можете попробовать что-то вроде ниже -

<mat-tab-group (selectedTabChange)="onTabSwitch($event.tab.textLabel)">
 <mat-tab label="Tab 1">Content 1</mat-tab>
 <mat-tab label="Tab 2">Content 2</mat-tab>
</mat-tab-group>

Вот компонент ТС

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

@Component({
  selector: 'tabs-overview-example',
  templateUrl: 'tabs-overview-example.html',
  styleUrls: ['tabs-overview-example.css'],
 })

 export class TabsOverviewExample {

 public onTabSwitch(tabName: string) {
   if (tabName == 'Tab 1') {
     this.funA();
   } else {
     this.funB();
   }
 }

 public funA() {
   console.log('Called funA');
  }

 public funB() {
   console.log('Called funB');
  }
}

Я обновил stackblitz