NgbTab在tab chage上重新加载组件

Question

我有2个选项卡,在选项卡内容中有一个我开发的组件.当我从一个选项卡移动到另一个选项卡并返回到我开发的组件所在的选项卡时,它会重新加载并调用其生命周期方法,这些方法会给我带来问题.

有没有办法在更改选项卡时停止重新加载组件.

HTML代码:

<ngb-tabset>
    <ngb-tab title="xyz..." id="overview">
        <ng-template ngbTabContent>
            ...
            <sd-tags [existingTags]="tags" [somethingelse]="otherstuffs" [more]="morestuff"></sd-tags>
            ...
        </ng-template>
    </ngb-tab>
    <ngb-tab [title]="sothingesele" id="columns">
        <ng-template ngbTabContent>
            ...
        </ng-template>
    </ngb-tab>
</ngb-tabset>

更改选项卡后,sd-tabs组件将重新加载以及处理的内容将进入初始阶段并导致问题.

Answer 1

我想你正在寻找destroyOnHide输入属性ngb-tabset:

<ngb-tabset [destroyOnHide]="false">
  ...
</ngb-tabset>

根据文件

destroyOnHide

默认值:true

是否应隐藏关闭的选项卡而不破坏它们

Plunker示例