ng2-bootstrapタブを使用して動的タブを作成する

Question

動的タブを生成するためにng2-bootstrapタブコンポーネントを使用しようとしています。

タブのコンテンツジェネレータとしてコンポーネントが必要です。

は、誰もがこのユースケースを開発したことがありますか？私は正しくこのスニペットをあなたの質問を理解していれば、私は苦労タブ指令

Answer 1

へのコンポーネントのリンクを持っている静的なコンテンツ

にNG2-ブートストラップポイントでサンプルを.ALL基本的に、あなたが求めていたものでしょう。

let pages = [ 
    { 
    "title" = "Page 1", 
    "data" = { 
    whatever data you have ... 
    }, 
    { 
    "title" = "Page 2", 
    "data" = { 
    whatever data you have ... 
    }, 
    { 
    "title" = "Page 3", 
    "data" = { 
    whatever data you have ... 
    } 
] 

、その後、あなたはあなたのコンテンツ

<tabset *ngIf="pages.length > 0"> 
    <tab *ngFor="let page of pages" heading="{{ page.title }}" class='tab'> 
    DO WHATEVER YOU WANT TO DO WITH YOUR 

    page.data 

    IN HERE 
    </tab> 
</tabset> 

を作成することができます