单击选项卡Angular 2时的触发方法答案

【问题标题】：Fire Method when clicking tab Angular 2单击选项卡Angular 2时的触发方法
【发布时间】：2018-02-12 05:49:53
【问题描述】：

您好，我正在使用 Angular 2 的这个选项卡。 https://ng-bootstrap.github.io/#/components/tabs/examples

想知道有没有办法在点击tab的时候调用方法...

类似这样的东西（不工作）：

<ngb-tabset>

<ngb-tab (click)="Method()" title="my Tab">


      <ng-template ngbTabContent>
      <ng-template>

<ngb-tab>

<ngb-tabset>

【问题讨论】：

标签： javascript twitter-bootstrap angular tabs ng-bootstrap

【解决方案1】：

您可以添加 ngbTabTitle 模板并在那里捕获点击事件：

<ngb-tab>
  <ng-template ngbTabTitle>
      <div (click)="Method()">my Tab</div>
  </ng-template>
  <ng-template ngbTabContent>    
  </ng-template>
<ngb-tab>

【讨论】：