Angular 17 catch tabset change event

I'm trying to catch a change event when I change tabs within a tabset but I can't get it anywhere.

I want to know which tab it is in so that when I enter a specific tab ([axBsTabOrder]="3") it launches a method within that same tab.

<tabset #tabset>
<tab
[axBsTabOrder]="0"
[heading]="'MENU.PAGE.XXX.TABS.XXX' | translate"
>
<ng-container [ngTemplateOutlet]="tmplDescription"></ng-container>
</tab>

@if (_car.style === 3) {
<tab
[axBsTabOrder]="0"
[heading]="'MENU.PAGE.XXX.TABS.XXX' | translate"
>
<ng-container [ngTemplateOutlet]="tmplAudio"></ng-container>
</tab>
}

@if (_car.style !== 2 && _car.model !== 7) {
<tab
[axBsTabOrder]="1"
[heading]="'MENU.PAGE.XXX.TABS.XXX' | translate"
>
<ng-container [ngTemplateOutlet]="tmplConnection"></ng-container>
</tab>
}

@if (_car.model === 2) {
<tab
[axBsTabOrder]="1"
[heading]="'MENU.PAGE.XXX.TABS.XXX' | translate"
>
<ng-container [ngTemplateOutlet]="tmplAssociated"></ng-container>
</tab>
}

<tab
[axBsTabOrder]="2"
[heading]="'MENU.PAGE.XXX.TABS.XXX' | translate"
>
<ng-container [ngTemplateOutlet]="tmplIcon"></ng-container>
</tab>

<tab
[axBsTabOrder]="3"
[heading]="'MENU.PAGE.XXX.TABS.XXX' | translate"
>
<ng-container [ngTemplateOutlet]="tmplGeometry"></ng-container>
</tab>

<tab
[axBsTabOrder]="4"
[heading]="'MENU.PAGE.XXX.TABS.XXX' | translate"
>
<ng-container [ngTemplateOutlet]="tmplModelChanges"></ng-container>
</tab>
</tabset>


Does anyone have a solution?

Continue reading...