Use method calls on click in material2 tabs and tab groups

Question (not an issue): In Bootstrap tabs we have this in our code:

<ul class="nav nav-tabs">
    <li class="active"><a>Start</a></li>
    <li><a (click)="viewmode.setMode1()">mode1</a></li>
    <li><a (click)="viewmode.setMode2()">mode2</a></li>
</ul>

Now this is calling a utterly complicated hack where routing is accomplished with tampering URLs and parameters that I do not dare to touch. There is not much angularic about that code and I dont have time to change it. So I want to let the current strange routing in place, and need to trigger it with method calls from my tabs. Is this possible with material2 tabs?

e.g.:

 <md-tab-group>
      <md-tab (click)="viewmode.setMode1()" label="mode1">
        <h1>Some tab content</h1>
        <p>...</p>
      </md-tab>
 ....

[adamdport]

For those considering the md-tab-nav-bar, be sure to check out 2177 first. It wraps on mobile and looks terrible today.

@andrewseguin is there a way to add click handlers to md-tabs like OP asked so I can make it work until the nav bar gets fixed?

[andrewseguin]

Sounds like you want to look at the nav bar

<nav md-tab-nav-bar>
  <a md-tab-link
     *ngFor="let link of navLinks"
     [active]="isActive">
    {{tabLink.label}}
  </a>
</nav>

See the bottom section of https://material.angular.io/components/component/tabs