我想在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'})
}
问题是当我点击＆＃34; addTab（）＆＃34;我应该获得3个选项卡和标签1＆＃39;，但是我在第一次点击时获得1个标签，第二次点击时获得2个新标签，第4次点击则获得3个新标签。 （意思是我在单击3次后总共有6个选项卡。如何解决此问题？如果我单击按钮3次，我应该只获得3个选项卡。当我每次单击按钮时注销数组，我看到mytabs有正确数量的项目（3），但在显示时，点击3次后有6个标签。
如果这是无法解决的问题，那么是否有任何标签＆＃39;使用angular2的组件允许我动态添加类似于我正在做的方法的标签和内容吗？