Angular 2如何“观察”标签更改

发布时间：2020-12-17 07:51:56 所属栏目：安全来源：网络整理

导读：我有： md-tab-group color="primary" md-tab label="Проэкты" h1Some tab content/h1 /md-tab md-tab label="Обучалка" h1Some more tab content/h1 p.../p /md-tab/md-tab-group 我需要在单击特定选项卡时捕获事件并在我的组件中调用此函数

我有：

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

您可以使用(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']); 
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!