ngx-boostrap in angular2每次在按钮单击后动态创建新选项卡时创建重复选项卡?
问题描述:
我想在ngx-boostrap中使用制表符。我使用下面的动态标签例如:ngx-boostrap in angular2每次在按钮单击后动态创建新选项卡时创建重复选项卡?
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,让我动态地添加标签和内容类似的方法,我在做什么?