Почему пропадает контент при переключении табов?

Я использую 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 месяца', 'месяц'];