使用ng2-bootstrap選項卡創建動態選項卡

Question

我試圖使用ng2-bootstrap選項卡組件來生成動態選項卡。

我希望組件作爲製表符的內容生成器。

有沒有人嘗試開發這種使用情況？中。所有NG2的自舉個樣本，以靜態內容

我很難連接組件的標籤指令

Answer 1

如果我正確理解你的問題這個片段基本上會做你問什麼：

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>