ngx-bootstrap标签上的条件，用于始终初始化其中的组件

Question

如何在ngx-bootstrap选项卡上设置条件以初始化其中的组件？ 毫无疑问，有很多方法可以使用“活动”属性来显示（或隐藏）组件，但是我只想在选择选项卡时运行组件的ngOnInit。现在，即使没有选择选项卡，组件ngOnInit仍将运行。 [active]==false将以某种方式停止加载组件视图，但不会停止其背后的逻辑。

Answer 1

<tabset #tabset>
  <tab
    heading="First tab"
    ><app-component1 *ngIf="tabset.tabs[0]?.active"></app-component1></tab>

  <tab
    heading="Second tab"
    ><app-component2 *ngIf="tabset.tabs[1]?.active"></app-component2></tab>


</tabset>

在ngx-bootstrap选项卡模块中，您可以使用tabset的引用来访问活动选项卡，并将该​​条件应用于组件*ngIf="tabset.tabs[1]?.active"。仅当相应的选项卡处于活动状态时，才会加载组件。