Angular 2/Material：如何動態指定<md-tab>的內容？

我想爲不同的內容製作不同的標籤。到目前爲止，我可以使用ngFor和一個獨特的pipe.2以動態方式創建選項卡的標籤，但不能使用內容。有沒有辦法做到這一點？我想根據我使用的標籤使用不同的組件。Angular 2/Material：如何動態指定<md-tab>的內容？

<md-tab-group> 
    <md-tab *ngFor="let afd of afdeling | uniek" [label]="afd.afdelingsNaam"> 
    Content 
    </md-tab> 
</md-tab-group>

這裏是一個plunker展示功能：

<md-tab-group > 
    <md-tab *ngFor="let afd of afdeling | uniek" label={{afd.afdelingsNaam}}> 

    Content 
    </md-tab> 

</md-tab-group>

可以使用one way binding[]作爲[target]="expression"實現動態標籤。在這種情況下，[label]將評估傳入的值/表達式以動態填充標籤文本。

希望有幫助！

2017-05-17 16:34:06

感謝您的迅速回復。這非常有幫助！仍然有角度不識別我的HTML的小問題。例如： content：'' 如果我把它放在md-tab中，他只會將它翻譯爲文本。 –

很高興幫助！這可能需要作爲單獨的問題發佈。您需要提供組件的定義以及如何聲明/導入/導出組件。這種'[]'單向綁定將會如何動態地傳遞一個值，而不管實現如何。謝謝！ –

回答