ngx-boostrap in angular2每次在按钮单击后动态创建新选项卡时创建重复选项卡？

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个标签wtih“标签1'，但是我只是第一次点击获得1个选项卡，第二次点击获得2个新选项卡，第四次点击获得3个新选项卡。 （这意味着在点击3次后总共有6个选项卡，我该如何解决这个问题？如果我点击按钮3次，我只能得到3个选项卡，每当我点击按钮时退出阵列，我看到mytabs有正确数量的项目（3），但显示时，点击3次后有6个选项卡。

如果这是不可能解决的问题，是否有任何“选项卡”组件这可与angular2，让我动态地添加标签和内容类似的方法，我在做什么？

Answer 1

这是NG2的自举/标签的错误。它已经固定#1941和版本v1.7.1