Angular 2/材质:如何动态指定<;md选项卡>;?
我想为不同的内容制作不同的标签。到目前为止,我能够使用ngFor和一个独特的管道以动态方式创建选项卡的标签。2,但不能创建内容。有没有办法做到这一点?我想根据我使用的标签使用不同的组件Angular 2/材质:如何动态指定<;md选项卡>;?,angular,angular-material,Angular,Angular Material,我想为不同的内容制作不同的标签。到目前为止,我能够使用ngFor和一个独特的管道以动态方式创建选项卡的标签。2,但不能创建内容。有没有办法做到这一点?我想根据我使用的标签使用不同的组件 <md-tab-group > <md-tab *ngFor="let afd of afdeling | uniek" label={{afd.afdelingsNaam}}> Content </md-tab> </md-tab-group>
<md-tab-group >
<md-tab *ngFor="let afd of afdeling | uniek" label={{afd.afdelingsNaam}}>
Content
</md-tab>
</md-tab-group>
内容
您可以使用[]
作为[target]=“expression”
实现动态标签:
内容
下面是一个演示功能的示例。在这种情况下,[label]
将计算传入的值/表达式,以动态填充标签文本
希望这有帮助 谢谢你的迅速回复。这帮了大忙!还有一个小问题,angular无法识别我的HTML。例如:content:
如果我把它放在md选项卡上,他会把它翻译成文本。很高兴能帮上忙!这可能需要作为一个单独的问题发布。您需要提供组件的定义以及如何声明/导入/导出组件。此[]
单向绑定将说明如何在不考虑实现的情况下动态传递值。谢谢
<md-tab-group>
<md-tab *ngFor="let afd of afdeling | uniek" [label]="afd.afdelingsNaam">
Content
</md-tab>
</md-tab-group>