Angular 2 / Material：如何动态指定<md-tab>的内容？

Question

我想为不同的内容制作不同的标签。到目前为止，我能够使用ngFor和唯一的pipe.2以动态的方式创建选项卡的标签，但不是内容。有办法做到这一点吗？我想根据我使用的标签使用不同的组件。

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

    Content
  </md-tab>

</md-tab-group>

Answer 1

您可以使用one way binding []作为[target]="expression"来实现动态标签：

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

这是展示功能的plunker。 [label]将评估传入的值/表达式，以便在这种情况下动态填充标签文本。

希望这有帮助！