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']);
}