如何动态指定“材质设计”选项卡的内容?

时间:2017-02-03 16:50:46

标签: angular angular-material

我想从数据源绑定<md-tab>的内容和标签。在组件源中,我有一个数组描述了我想要显示的选项卡:

  tabs = [
    {
      label: 'Tab 1',
      content: `<strong>Tab 1</strong> template`
    },
    {
      label: 'Tab 2',
      content: `<strong>Tab 2</strong> template`
    },
  ];

我可以使用以下任一方式绑定标签:

<md-tab-group>
  <md-tab *ngFor="let tab of tabs" [label]="tab.label">
    <!-- ... -->
  </md-tab>
</md-tab-group>

..或:

<md-tab-group>
  <md-tab *ngFor="let tab of tabs">
    <template md-tab-label>{{tab.label}}</template>
    <!-- ... -->
  </md-tab>
</md-tab-group>

但是如何在标签中包含内容?

0 个答案:

没有答案