Angular 带Ng引导设置的角度6[destroyOnHide]="；假；使所有选项卡在彼此下同时渲染

我正在使用angular 6和ng引导，如果我在ngb选项卡集组件上设置[destroyOnHide]=false属性，则每个选项卡条目同时呈现：

<ngb-tabset #tabs="ngbTabset" [activeId]="activeIdString" [destroyOnHide]="false">  
  <ngb-tab id="vesssel" title="Vessel Details">
    <ng-template ngbTabContent >
      Test one
    </ng-template>    
  </ngb-tab>
  <ngb-tab id="installation" title="Installation"  >
    <ng-template ngbTabContent>
    Test Two
    </ng-template>
  </ngb-tab>


</ngb-tabset>

如果我删除[destroyOnHide]属性，选项卡将正常工作

引导版本“@ng Bootstrap/ng Bootstrap”：“^2.2.1”

---

角度版“@Angular/common”：“^6.1.0”，

这可能会对将来的人有所帮助。我没有意识到的是，[destroyOnHide]=false属性在加载时实际实例化了tabset中的所有组件，这与默认模式不同，默认模式通常只根据需要呈现选项卡条目组件。我们的web css样式器已经覆盖了默认的引导选项卡样式，不将“active”类与display相关联：none样式，因此即使只有一个选项卡处于活动状态，它们都会出现

无法复制：。看看你的控制台，你一定有一个错误列在那里。如果没有，请发布一个完整的最小示例，正如我刚才所做的，但它实际上再现了问题。好的，我将尝试单独再现它-控制台中没有错误！我也不能孤立地复制它，所以我怀疑某个地方存在库冲突。我的应用程序中的行为一直被破坏，因此我将尝试更新所有相关的依赖项，以查看是否存在版本冲突

Test one
Test Two