Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/30.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 2/材质:如何动态指定<;md选项卡>;?_Angular_Angular Material - Fatal编程技术网

Angular 2/材质:如何动态指定<;md选项卡>;?

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>

我想为不同的内容制作不同的标签。到目前为止,我能够使用ngFor和一个独特的管道以动态方式创建选项卡的标签。2,但不能创建内容。有没有办法做到这一点?我想根据我使用的标签使用不同的组件

<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>