Programmatically select mat-tab in Angular 2 material using mat-tab-group

Question

How can I select a specific tab when an event occurs?

I tried with [selectedIndex]=\"selectedTab\" changing the selectedTab to the tab ind

Answer 1

In case it helps anyone, it is also possible to set selectedIndex on the MatTabGroup in your component.

If your HTML has: , you can get a reference to it in the component using @ViewChild('tabs') tabGroup: MatTabGroup;.

Then you can do this.tabGroup.selectedIndex = newIndex; in the OnInit function, or elsewhere.