角度4の材質タブタブでの選択選択

Question

角度材タブで遅延ロードを実行できますか？それ以外の場合は、タブを入力するときにメソッドを実行する方法が必要です。

Answer 1

によって提供されるselectChangeイベントを使用することができます。タブの選択が変更されると起動します。 documentationから：

@output（）selectChange：タブの選択が が変更されたときにイベントが放出されます。テンプレートで

：

<md-tab-group (selectChange)="tabSelectionChanged($event)"> 
    <md-tab label="Tab 1">Content 1</md-tab> 
    <md-tab label="Tab 2"> 
    This tab will load some morecontents after 5 seconds. 
    <p>{{ moreContents }}</p> 
    </md-tab> 
</md-tab-group> 

...とあなたのtypescriptですコードで：

リンクworking demoへ。

Answer 2

<md-tab-group>が単一 経路内のビューを切り替えるために使用されるドキュメントは<nav md-tab-nav-bar>がルート間 をナビゲートするためのタブのようなUIを提供し、

を読み取るように。

この方法を使用すると、各タブを別々のルートにすることができ、ルートがアクティブになるたびに各ページが読み込まれます。

<nav md-tab-nav-bar> 
    <a md-tab-link 
    *ngFor="let link of navLinks" 
    [routerLink]="link" 
    routerLinkActive #rla="routerLinkActive" 
    [active]="rla.isActive"> 
    {{tabLink.label}} 
    </a> 
</nav> 

<router-outlet></router-outlet> 

タブとナビゲーションセクションの下でより多くの情報hereを見つけてください。