Angular2中的ngx-boostrap 每次在单击按钮后动态创建新选项卡时都会创建重复的选项卡

Question

我想在ngx-boostrap中使用制表符。我正在使用以下动态选项卡示例：

http://valor-software.com/ngx-bootstrap/#/

我的模板中的代码：

<button ng-click="addTab()">Add Tab</button>
<tabset>
  <tab *ngFor="let tabz of mytabs" [heading]="tabz.title"></tab>
</tabset>       

let mytabs = [];
addTab() {
mytabs.push({title: 'Tab 1'})
}

问题是当我单击"addTab(("时，我应该得到 3 个带有"Tab 1"的选项卡，但我在第一次单击时得到 1 个选项卡，第二次单击时得到 2 个新选项卡，第四次点击得到 3 个新标签。(这意味着我点击了 6 次后总共有 3 个选项卡。我该如何解决此问题？如果我单击按钮 3 次，我应该只会得到 3 个选项卡。当我每次单击按钮时都注销数组时，我看到mytabs具有正确的项目数量(3(，但是在显示时，单击6次后有3个选项卡。

如果这是无法解决的，是否有任何与 angular2 一起使用的"选项卡"组件允许我动态添加类似于我正在执行的方法的选项卡和内容？

Answer 1

这是ng2-bootstrap/tabs中的一个错误。它已经在 #1941 和版本 v1.7.1 中修复