title: selectedIndex is not working for mat-tab-nav-bar angular material tabs
body: <p>I wrote the tabs code like below</p>
  
  <pre><code>&lt;nav mat-tab-nav-bar [selectedIndex]="0"&gt;
      &lt;a mat-tab-link 
          *ngFor="let link of navLinks; let i = index;"
          [routerLink]="link.path"
          routerLinkActive #rla="routerLinkActive"
          [active]="rla.isActive"&gt;
          &lt;div class="link-tab-label"&gt;{{link.label}}&lt;/div&gt;
          &lt;mat-icon class="link-tab-close" (click)="closeTab(i)"&gt;close&lt;/mat-icon&gt;
      &lt;/a&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>When I run the project, I am getting the issue which is shown below</p>
  
  <pre><code>compiler.js:485 Uncaught Error: Template parse errors:
  Can't bind to 'selectedIndex' since it isn't a known property of 'nav'. ("
          &lt;mat-card&gt;
            &lt;mat-card-content&gt;
                &lt;nav mat-tab-nav-bar [ERROR -&gt;][selectedIndex]="0"&gt;
  </code></pre>
  
  <p>How to use selectedIndex with mat-tab-nav-bar?</p>