更改 MD-选项卡以分配特定功能1的选项卡之一

Question

>我有 3 个选项卡，

[ 概述 ][

关于我们 ][ 公司简介 ]

概述和关于应该像现在一样执行，但是当我单击配置文件选项卡时，我希望在不影响选项卡内容区域的情况下调用不同的函数"rolloutItem(("

Answer 1

可能有点晚了，但我们开始了。您可以使用 md-tab-group 上的 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 的更多详细信息