Angular 在4个选项卡中选择选项卡时如何调用函数？

有人知道当选择Tab 1时如何调用函数吗？选择上的md不再工作

<md-tab-group>
  <md-tab label="Tab 1">Content 1</md-tab>
  <md-tab label="Tab 2">Content 2</md-tab>
</md-tab-group>

模板html：

 <md-tab-group (selectChange)='onSelectChange($event)'>
  <md-tab label="Tab 1">Content 1</md-tab>
  <md-tab label="Tab 2">Content 2</md-tab>
</md-tab-group>

模板html：

 <md-tab-group (selectChange)='onSelectChange($event)'>
  <md-tab label="Tab 1">Content 1</md-tab>
  <md-tab label="Tab 2">Content 2</md-tab>
</md-tab-group>

您需要使用selectChange事件：

您可以查看文档以了解有关MdTabChangeEvent的更多详细信息。您需要使用selectChange事件：

有关MdTabChangeEvent的更多详细信息，请查看文档。您可以执行以下操作：

<md-tab-group #tabgroup (focusChange)="changeTab(tabgroup)">
  <md-tab label="Tab 1">Content 1</md-tab>
  <md-tab label="Tab 2">Content 2</md-tab>
</md-tab-group>

通过这种方式，您可以拥有任意数量的选项卡，并且可以立即获得当前选定的选项卡。

您可以执行以下操作：

<md-tab-group #tabgroup (focusChange)="changeTab(tabgroup)">
  <md-tab label="Tab 1">Content 1</md-tab>
  <md-tab label="Tab 2">Content 2</md-tab>
</md-tab-group>

---

通过这种方式，您可以拥有任意数量的选项卡，并且可以立即获得当前已选择的选项卡。

控制台中未显示任何内容。编辑代码，立即尝试：，应该可以正常工作，我尝试了。很抱歉，我在中插入了selectChange='onSelectChange$event'，而不是。它现在可以工作了，谢谢控制台中没有显示任何内容我编辑代码，现在就尝试：，应该可以工作了，我尝试了。很抱歉，我在中插入了selectChange='onSelectChange$事件，而不是。它现在正在工作，谢谢一个lothow导入MdTabChangeEvent请？从'@angular/material'导入{MdTabChangeEvent}；如何导入MdTabChangeEvent？从“@angular/material”导入{MdTabChangeEvent}；

<md-tab-group #tabgroup (focusChange)="changeTab(tabgroup)">
  <md-tab label="Tab 1">Content 1</md-tab>
  <md-tab label="Tab 2">Content 2</md-tab>
</md-tab-group>

public changeTab(tabgroup) {
    let pid = tabgroup._currentLabelWrapper.id;     
    let activeTab =$("#"+pid).text().trim();
    console.dir("Active tab: " + activeTab);
}