Active specific Tab on Button Click in Angular

Hi,

I have tabs in angular 0,1,2,3 and number 3 is for contacts.

I have a button that will set the tab index to 3 and show the contacts tab.

this works only once at startup.

If I click it then change the tab and then click the button again it won't work!

<tab heading="Contact" [active]="currentTabId === 3">
<button class="btn btn-success" (click)="goContacts()">Message</button>

and the click event:

goContacts(){
    this.currentTabId = 3;
}

so why its only working the first time only