引导选项卡角度2删除选项卡

时间:2018-10-15 12:51:08

标签: angular dynamic tabs bootstrap-4 angular-ui-tabset

.html

<tabset>
  <tab heading="Text"></tab>
  <tab *ngFor="let line of lines; let i = index" heading="line.identifier" [removable]="true">
    <button type="button" class="btn btn-danger" (click)="deletePosition(line.identifier);">löschen</button>
  </tab>
</tabset>

.ts

deletePosition(id) {
  let count = 0;
  for (let line of this.lines) {
    if (line.identifier === id) {
      let array = this.lines;
      array = array.slice(0, count).concat(array.slice(count + 1));
      this.lines = array;
    }
    count++;
  }
}

我从引导程序中获得了这些标签。我会动态生成大多数选项卡,但是当我删除数组中的一个对象时无法删除它。如何删除?数组内部的对象被删除,但选项卡仍然存在。

0 个答案:

没有答案