title: Click listener when tab is clicked - angular2 and ng bootstrap
body: <p>I have the following html code snippet. I am using angular2, ng-bootstrap ng tab. My question is how do i invoke a method click when a tab is clicked? 
  I added (click) but I see that the method fetchNews() is not getting invoked at all when I click on the tab. What am I doing wrong? </p>
  
  <pre><code>  &lt;ngb-tab title="Active" (click)="fetchNews('active')"&gt;
      &lt;ng-template ngbTabContent&gt;
        &lt;table class="table table-sm table-striped"&gt;
          &lt;thead&gt;
          &lt;tr&gt;
            &lt;th&gt;Title&lt;/th&gt;
            &lt;th&gt;Description&lt;/th&gt;
            &lt;th&gt;Attachment&lt;/th&gt;
            &lt;th&gt;Start Date&lt;/th&gt;
            &lt;th&gt;End Date&lt;/th&gt;
            &lt;th&gt;Actions&lt;/th&gt;
          &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tr *ngFor="let item of news"&gt;
            &lt;td&gt;{{item.title}}&lt;/td&gt;
            &lt;td&gt;{{item.description | ellipsis:25}}&lt;/td&gt;
            &lt;td&gt;{{item.attachmentUrl | ellipsis:25}}&lt;/td&gt;
            &lt;td&gt;{{item.startDate | date: 'MM/dd/yyyy hh:mm a'}}&lt;/td&gt;
            &lt;td&gt;{{item.endDate | date: 'MM/dd/yyyy hh:mm a'}}&lt;/td&gt;
            &lt;td&gt;
              &lt;button type="button" class="btn btn-secondary btn-sm" (click)="showNewsModal('active',item, true)"&gt;
                Modify
              &lt;/button&gt;
            &lt;/td&gt;
          &lt;/tr&gt;
        &lt;/table&gt;
      &lt;/ng-template&gt;
    &lt;/ngb-tab&gt;
  </code></pre>