更改md-tab以指定其中一个选项卡的特定特定功能

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的更多详细信息