angular – 在tab chage上重新加载NgbTab组件

发布时间：2020-12-17 17:33:36 所属栏目：安全来源：网络整理

导读：我有2个选项卡,在选项卡内容中有一个我开发的组件.当我从一个选项卡移动到另一个选项卡并返回到我开发的组件所在的选项卡时,它会重新加载并调用其生命周期方法,这些方法会给我带来问题. 有没有办法在更改选项卡时停止重新加载组件. HTML代码： ngb-tabset ng

我有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组件将重新加载以及处理的内容,它将进入初始阶段并导致问题.

解决方法

我想你正在寻找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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!