selectedIndex 不适用于 mat-tab-nav-bar 角度材料选项卡

Question

我写了如下标签代码

<nav mat-tab-nav-bar [selectedIndex]="0">
    <a mat-tab-link 
        *ngFor="let link of navLinks; let i = index;"
        [routerLink]="link.path"
        routerLinkActive #rla="routerLinkActive"
        [active]="rla.isActive">
        <div class="link-tab-label">{{link.label}}</div>
        <mat-icon class="link-tab-close" (click)="closeTab(i)">close</mat-icon>
    </a>
</nav>

当我运行该项目时，我遇到了如下所示的问题

compiler.js:485 Uncaught Error: Template parse errors:
Can't bind to 'selectedIndex' since it isn't a known property of 'nav'. ("
        <mat-card>
          <mat-card-content>
              <nav mat-tab-nav-bar [ERROR ->][selectedIndex]="0">

如何将 selectedIndex 与 mat-tab-nav-bar 一起使用？

Answer 1

mat-tab-nav-bar没有selectedIndex属性，并且mat-tab-nav-bar内的mat-tab-link并不是真正的选项卡。 mat-tab-nav-bar “提供了一个类似选项卡的 UI，用于在路由之间导航。” 要设置活动的“选项卡”或链接，您可以通过应用程序的路由器设置活动路由。 “选项卡”通过routerLinkActive指令和active属性显示为活动active 。

Answer 2

// try to add in module files 

import {MatTabsModule} from '@angular/material/tabs';