angular - 用于 md-tab material2 中复杂标签的 ng-template

Question

我正在使用material2 md-tab。根据文档，如果我想为选项卡标题提供更复杂的标签，那么我需要使用ng-templatewith md-tab-label。我只是想知道他们为什么选择了策略ng-template方式？是不是应该有

<md-tab-label>complex label</md-tab-label>

像这样，因为其他材料组件md-card已经定义了<md-card-title>和<md-card-subtitle>

Answer 1

您应该使用md-menu而不是md-tab. 因为标签栏不用于该目的：

app.component.ts：

import {Component} from '@angular/core';


@Component({
  selector: 'menu-overview-example',
  templateUrl: 'menu-overview-example.html',
})
export class MenuOverviewExample {}

<button md-button [mdMenuTriggerFor]="menu">Menu</button>
<md-menu #menu="mdMenu">
  <button md-menu-item>Item 1</button>
  <button md-menu-item>Item 2</button>
</md-menu>