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中，他只会将它翻译为文本。 –

很高兴帮助！这可能需要作为单独的问题发布。您需要提供组件的定义以及如何声明/导入/导出组件。这种'[]'单向绑定将会如何动态地传递一个值，而不管实现如何。谢谢！ –

回答