Angular 2如何“观看"用于标签更改

本文介绍了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如何“观看"用于标签更改的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！