2017-03-21 8 views
0

タブの1一特定の特定の機能を私は3つのタブを有する

[概要] [約] [プロファイル]

概要を割り当てるMD-タブを変更し、約彼らは今しかしときであるように行うべきですプロファイルタブをクリックして、タブのコンテンツ領域に影響を与えずに別の関数 "rolloutItem()"を呼び出すようにします。

答えて

0

少し遅くなるかもしれませんが、ここでは行きます。 あなたはタブが選択されるたびにイベントをトリガーするためにMD-タブグループにselectChangeイベントを使用することができます。

<md-tab-group (selectChange)="onTabSelectChange($event)"> 
    <md-tab label="Overview"></md-tab> 
    <md-tab label="About"></md-tab> 
    <md-tab label="Profile"></md-tab> 
</md-tab-group> 

そして、あなたのコンポーネントで:

onTabSelectChange(tabChange: MdTabChangeEvent) { 
// here you can check if the tab you want was selected and call your function, ex: 
if (tabChange.tab.textLabel === "Profile") { 
    this.rolloutItem(); 
} 
} 

あなたは材質のためのドキュメントを確認することができますMdTabChangeEventの詳細については、タブ

関連する問題