md-tab素材2の複合ラベルのng-template

Question

私はmaterial2 md-tabを使用しています。より複雑なラベルをタブヘッダーに付ける場合は、ドキュメントごとにng-templateとmd-tab-labelを使用する必要があります。私は彼らがなぜng-template方法を選んだのかを知りたいのですか？ md-cardのような他の材料成分が、あなたがmd-menu代わりのmd-tabを使用する必要があり<md-card-title>と<md-card-subtitle>

Answer 1

が定義されているよう

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

このような

があるべきではありません。

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>