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

时间:2017-07-26 10:12:55

标签: angular angular-material2 ng-template

我正在使用material2 md-tab。根据文档,如果我想为标签标题提供更复杂的标签,那么我需要将ng-templatemd-tab-label一起使用。我只是想知道为什么他们选择ng-template方式的策略?是不是应该

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

像这样,md-card等其他材料组件定义了<md-card-title><md-card-subtitle>

1 个答案:

答案 0 :(得分:0)

您应该使用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>