前端之家收集整理的这篇文章主要介绍了
Angular 2如何“观察”标签更改，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我有：
<md-tab-group color="primary">
<md-tab label="Проэкты">
<h1>Some tab content</h1>
</md-tab>
<md-tab label="Обучалка">
<h1>Some more tab content</h1>
<p>...</p>
</md-tab>
</md-tab-group>
我需要在单击特定选项卡时捕获事件并在我的组件中调用此函数：
onLinkClick() {
this.router.navigate(['contacts']);
}
@H_
403_8@
您可以使用(selectedTabChange)事件.检查
Material2#tabs.
模板：
<mat-tab-group color="primary" (selectedTabChange)="onLinkClick($event)">
...
</mat-tab-group>
零件：
import { MatTabChangeEvent } from '@angular/material';
// ...
onLinkClick(event: MatTabChangeEvent) {
console.log('event => ',event);
console.log('index => ',event.index);
console.log('tab => ',event.tab);
this.router.navigate(['contacts']);
}
