Angular 2 如何“观看"用于选项卡更改 [英] Angular 2 How to "watch" for tab changes
本文介绍了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>
我需要在单击特定选项卡时捕获事件并在我的组件内调用此函数:
I need to catch an event when a specific tab is clicked and call this function inside my component:
onLinkClick() {
this.router.navigate(['contacts']);
}
推荐答案
您可以使用 (selectedTabChange)
事件.检查 Material2#tabs.
You could use the (selectedTabChange)
event. Check Material2#tabs.
模板:
<mat-tab-group color="primary" (selectedTabChange)="onLinkClick($event)">
...
</mat-tab-group>
组件:
import { MatTabChangeEvent } from '@angular/material';
// ...
onLinkClick(event: MatTabChangeEvent) {
console.log({ event });
this.router.navigate(['contacts']);
}
这篇关于Angular 2 如何“观看"用于选项卡更改的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文