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">

如何使用带有mat-tab-nav-bar的selectedIndex？

Answer 1

mat-tab-nav-bar没有selectedIndex属性，mat-tab-link内的mat-tab-nav-bar不是真正的标签。 mat-tab-nav-bar＆＃34;提供类似标签的UI，用于在路线之间导航。＆＃34;设置活动＆＃34;标签＆＃34;或链接，您通过应用程序的路由器设置活动路由。＆＃34;标签＆＃34;通过routerLinkActive指令和active属性显示为活动状态。

Answer 2

// try to add in module files 

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

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

2 个答案: