title: How to set active Tab in (angular Material Design) in Angular 6
body: <p>I know I am not the new to ask this but I could not find any solution for this .</p>
  
  <p>I have a material tab control in one of the component .But It's not showing the active tab until I click on anyone of the tab in the page .</p>
  
  <p>app.component.html</p>
  
  <pre><code>&lt;nav mat-tab-nav-bar  mat-align-tabs="center" mat-stretch-tabs &gt;
    &lt;a  mat-tab-link *ngFor="let link of NavigateTo" [routerLink]="link.path" routerLinkActive #rla="routerLinkActive"
      [active]="rla.isActive"&gt;
      {{link.label}}
    &lt;/a&gt;
  &lt;/nav&gt;
  &lt;router-outlet&gt;&lt;/router-outlet&gt;
  </code></pre>
  
  <p>app.component.ts</p>
  
  <pre><code> NavigateTo : Array&lt;object&gt; = [
                           {label:'Employee Master',path:'EmployeeMaster',index:0},
                           {label:'Table Master',path:'TableMaster',index:1}
                          ];
  </code></pre>