Angular 2 How to “watch” for tab changes

Question

I have:

  
    
Some tab content
  
  

        

Answer 1

You could use the (selectedTabChange) event. Check Material2#tabs.

Template:

  ...

Component:

import { MatTabChangeEvent } from '@angular/material';

// ...

onLinkClick(event: MatTabChangeEvent) {
  console.log({ event });

  this.router.navigate(['contacts']); 
}