Я использую mat-tab, как не умную обертку, а при переключении между ними пропадает контентная часть. Но, при первой инициализации контентная часть присутствует. Почему пропадает контент при переключении?
код не умной обертки:
<mat-tab-group mat-align-tabs="start" (selectedTabChange)="onTabChanged($event)" [selectedIndex]="selectIndex">
<ng-container *ngFor="let reportLabel of labels">
<mat-tab label="{{reportLabel}}">
<ng-content></ng-content>
</mat-tab>
</ng-container>
</mat-tab-group>
@Input() labels: any;
@Input() selectIndex: any;
@Output() tabChanged: EventEmitter<any> = new EventEmitter<any>();
onTabChanged(tabChangeEvent: MatTabChangeEvent): any {
this.tabChanged.emit(tabChangeEvent);
}
код основной компоненты:
<app-tabs-group (tabChanged)="tabChanged($event)" [selectIndex]="0" [labels]="reportLabels">
<div class="wrap">
123123
</div>
</app-tabs-group>
reportLabels = ['1 год', '6 месяцев', '3 месяца', 'месяц'];