Angular Как поймать событие изменения вкладки

Question

Здесь мне нужно отправить tab.staffMemberId в сервис и получить значения и заполнить значения matInput.Мне нужно отправить tab.staffMemberId в сервис, когда вкладка меняется

<mat-tab-group>
<mat-tab *ngFor="let tab of StaffMemberList; let index = index" [label]="tab.staffMemberId">
{{tab.id}}
<mat-grid-list cols="3" rowHeight="8:1">
    <mat-grid-tile>
      <mat-form-field class="full-width">
        <input matInput placeholder="Position" >
      </mat-form-field>
    </mat-grid-tile>
</mat-grid-list>

Answer 1

Он начинается с индекса 0 до количества создаваемых вами вкладок.

В вашем html

<mat-tab-group #tabGroup (selectedTabChange)="tabChanged($event)">
    <mat-tab label="Tab 1">Content 1</mat-tab>
    <mat-tab label="Tab 2">Content 2</mat-tab>
</mat-tab-group>

В компоненте используйте этот код

tabChanged = (tabChangeEvent: MatTabChangeEvent): void => {
    console.log('tabChangeEvent => ', tabChangeEvent); 
    console.log('index => ', tabChangeEvent.index); 
}

это должнобудь в порядке, как тебе нужно.

Answer 2

как это

 <mat-tab-group #tabGroup (selectedTabChange)="tabChanged($event)">