title: selectTabChange event is firing when mat-tab is loaded as it should be triggered when we select any tab after loading . Angular material tab
body: <p>Trying to implement material tab angular</p>
  <p>component.html</p>
  <pre><code>  &lt;mat-tab-group (selectedTabChange)=&quot;tabSelectionChanged($event)&quot;&gt;
    &lt;mat-tab *ngFor=&quot;let tab of tabList;&quot; [label]=&quot;tab&quot;&gt;
    &lt;ng-template mat-tab-label&gt;
              {{ tab.tabName }}
    &lt;/ng-template&gt;
    &lt;/mat-tab&gt;
    &lt;/mat-tab-group&gt;
  </code></pre>
  <p>component.ts</p>
  <pre><code>tabList : any[];
  
  ngOnInit(){
   this.tabList = [{tabName : &quot;Tab1&quot;},{tabName : &quot;Tab2&quot;}]
  }
  
  tabSelectionChanged(event){
    console.log(event);
  }
  </code></pre>
  <p>When trying to load the material tab in this way, selectedTabChange event is getting fired. Why does that happen as we are only loading the tab and did not change the tab by selecting the tab.</p>