Загрузить компонент после нажатия вкладки

Question

Я пытаюсь загрузить и инициализировать компонент только при нажатии на вкладку. Простой пример ниже показывает, как поместить компонент на вкладку содержимого. Он всегда инициализируется с основным компонентом. Прошу совета, как сделать так, чтобы компонент загружался после нажатия вкладки?

<tabset>
    <tab heading="History of User">
      <history-component [someInputProp]="someVariable"></history-component>
    </tab>
    <tab heading="Session of User">
      <session-component [someInputProp]="someVariable"></session-component>
    </tab>
</tabset>

Answer 1

использовать (выбрать) (Выберите) = "onSelect ($ событие)"

пример:

 <tab heading="Public Holidays" id="tab5" (select)="onSelect($event)">
            <ng-container *ngIf="selectedTab == 'Public Holidays'">            
                <app-public-holiday-setting></app-public-holiday-setting>
            </ng-container>   
 </tab>

в component.ts

export class MyTabsComponent implements OnInit {
  selectedTab: string;
    constructor() { }

  ngOnInit() {
  }

  onSelect(data: TabDirective)
  {
    this.selectedTab = data.heading;
  }

}