Create (click) event on MatTab Material : <p>I dynamically loop thru tabs and i would like to add a (click) event on  to be able to load different options when i select tab. </p>

<p>Isn't it possible to have an event (click) event on ? I tried with (selectChange) on  but then i cannot get hold of bank.id from my loop when creating tabs. </p>

<p>Isn't it possible to add simple click event on dynamically created tabs??</p>

<pre><code>    &lt;mat-tab-group&gt;
  &lt;mat-tab label="All transactions"&gt;
    &lt;mat-list&gt;
      &lt;mat-list-item *ngFor="let bank of banks"&gt;
        &lt;h4 mat-line&gt;{{bank.fullName}}&lt;/h4&gt;
      &lt;/mat-list-item&gt;
    &lt;/mat-list&gt;
  &lt;/mat-tab&gt;
  &lt;mat-tab *ngFor="let bank of banks" (click)="fetchAccounts(bank.id)" label="{{bank.fullName}}"&gt;

    &lt;mat-list&gt;

      &lt;mat-list-item *ngFor="let account of accounts"&gt;
        &lt;h4 mat-line&gt;{{bank2.fullName}}&lt;/h4&gt;
      &lt;/mat-list-item&gt;
    &lt;/mat-list&gt;
  &lt;/mat-tab&gt;
  &lt;!-- &lt;mat-tab label="Test Bank" disabled&gt;
    No content
  &lt;/mat-tab&gt; --&gt;

&lt;/mat-tab-group&gt;
</code></pre>
