Ngb Tab 在选项卡更改时重新加载组件

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>

当tab更改时，sd-tabs组件重新加载以及所处理的内容，它将出现在初始阶段并引起问题。

Answer 1

我猜您正在 ngb-tabset:

上寻找 destroyOnHide 输入属性

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

根据the docs

destroyOnHide

Default value: true

Whether the closed tabs should be hidden without destroying them

Plunker Example

Ngb Tab 在选项卡更改时重新加载组件

NgbTab reloading components on tab chage

ng-bootstrap

angular

HTML代码：