ng-template für komplexe etiketten in md-tab material2

Question

Ich benutze material2 md-tab. Wie in der Dokumentation, wenn ich die komplexere Bezeichnung Tab-Header geben möchte dann muss ich ng-template mit verwenden. Ich möchte nur die Strategie wissen, warum sie die ng-template Weise gewählt haben? Ist das nicht sollte

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

so sein wie die anderen Materialkomponenten wie md-card definiert haben die <md-card-title> und <md-card-subtitle>

Answer 1

Sie sollten md-menu anstelle von md-tab. Da Tab-Leiste nicht für diesen Zweck verwendet wird:

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>