防止Angular 4破坏视图/控制器

时间:2017-08-13 19:36:01

标签: javascript angular tabs lifecycle

我正在使用Angular 4,我在这里有一个标签组件https://github.com/ng-bootstrap(ngb-tabset)。当我在标签之间来回切换时,我注意到我的组件正在重新创建。有没有一种方法可以保持角度不会破坏我的选项卡UI,同时隐藏特定的选项卡?

如果没有,是否有更好的方法来构建我的服务电话?我的意思是我的x-component.ts调用x-service.ts来获取初始数据。控制器(x-component.ts)将此调用的结果存储到某个数组或某种对象中。

我的组件被销毁并重新创建,每次用户切换标签时,我的控制器都会反复拨打这些电话。

1 个答案:

答案 0 :(得分:1)

此行为特定于ng-bootstrap,并且有一个选项可以更改它:destroyOnHide。只需将其设置为false即可。查看他们的文档here

示例:<ngb-tabset [destroyOnHide]="false"></ngb-tabset>