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

前端之家收集整理的这篇文章主要介绍了Angular 2如何“观察”标签更改前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有:
  1. <md-tab-group color="primary">
  2. <md-tab label="Проэкты">
  3. <h1>Some tab content</h1>
  4. </md-tab>
  5. <md-tab label="Обучалка">
  6. <h1>Some more tab content</h1>
  7. <p>...</p>
  8. </md-tab>
  9. </md-tab-group>

我需要在单击特定选项卡时捕获事件并在我的组件中调用函数

  1. onLinkClick() {
  2. this.router.navigate(['contacts']);
  3. }
您可以使用(selectedTabChange)事件.检查 Material2#tabs.

模板:

  1. <mat-tab-group color="primary" (selectedTabChange)="onLinkClick($event)">
  2. ...
  3. </mat-tab-group>

零件:

  1. import { MatTabChangeEvent } from '@angular/material';
  2.  
  3. // ...
  4.  
  5. onLinkClick(event: MatTabChangeEvent) {
  6. console.log('event => ',event);
  7. console.log('index => ',event.index);
  8. console.log('tab => ',event.tab);
  9.  
  10. this.router.navigate(['contacts']);
  11. }

猜你在找的Angularjs相关文章