NG2ブートストラップ配列要素が削除されたときに動的タブが除去されない

Question

ので、そのタブとアレイとの間の結合双方向、配列に要素を追加すると、完全に機能するが、要素を削除しても効果は行わず、約

テンプレート：

<tab *ngFor="let brand of brands; let i = index" 
    [heading]="brand.title" 
    [removable]="true" 
    (removed)="removeBrand(i)"> 
</tab> 

コンポーネント：

private brands = [ 
    { title: 'Ford' }, 
    { title: 'Renault' }, 
    { title: 'Hyundai' }, 
    { title: 'Porsche' }, 
] 

private addAndDelete() { 
    this.brands = this.brands.slice().splice(0, 1) 
    this.brands.push({ title: 'newcar' }) 
} 

addAndDelete()が呼び出されたときに、追加の「newcar」タブが表示されますが、削除されることはありません。それはバグですか、どこかでぶち壊されましたか？

Answer 1

まず、addAndDeleteメソッドを使用することはできません。削除と追加は別々の2つの方法で行う必要があります。

ので追加：

add() { 
    this.brands.push({title: 'newcar'}) 
} 

を

あなたのタブであなたが

(removed)="removeBrand(brand)" 

とあなたのremoveメソッドを持つ必要があります

removeBrand(brand) { 
    let index = this.brands.indexOf(brand); 
    this.brands.splice(index, 1); 
} 

これは罰金:)

Answer 2

を動作するはずですこれを機能させるには、私はこれをしなければなりませんでした：

@ViewChild(TabsetComponent) private tab: TabsetComponent; 
removeBrand(brand){ 
    this.tab.removeTab(brand); 
}