ngx-bootstrap选项卡未被删除

时间:2017-05-18 20:46:45

标签: angular bootstrap-4 ngx-bootstrap

我目前正在使用类似于演示网站http://valor-software.com/ngx-bootstrap/index-bs4.html#/tabs#dynamic

的方法

我的最终目标是为每条记录打开标签。某些记录可能有1个选项卡,而某些记录可能有10个选项卡。看来该对象显示正确数量的选项卡,但是没有从DOM中删除选项卡。

以下是我的HTML页面的片段:

B.lib

以下是我的TS页面的一些片段:

<tab *ngFor="let tabz of tabs; let i = index;"
  [heading]="tabz.title"
  [active]="tabz.active"
  (select)="tabz.active = true"
  (deselect)="tabz.active = false"
  [disabled]="tabz.disabled"
  [removable]="tabz.removable"
  (removed)="removeTabHandler(tabz)"
  [customClass]="tabz.customClass">

我有什么明显的遗失吗?任何想法为什么这可能不会删除页面上显示的选项卡?实际的标签仍在显示,但如果您点击它,则其中没有内容。在页面重新加载时,只显示正确的选项卡,或者如果您转到其他路线并返回。

以下是我正在使用的一些工具的快速概述。

  • Angular 4.1
  • Bootstrap v4
  • ngx-bootstrap 1.6.6
  • 字体真棒

1 个答案:

答案 0 :(得分:0)

我无法找到1.6.6版的任何好解决方案。

此错误现在修复了v1.7 +。

我已经尝试了1.8.1 并且工作正常。

您可以查看here