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 с матвкладка-нав-бар

Answer 1

mat-tab-nav-bar не имеет свойства selectedIndex, а mat-tab-link внутри mat-tab-nav-bar не являются вкладками.mat-tab-nav-bar "предоставляет интерфейс в виде вкладок для навигации между маршрутами."Чтобы установить активную «вкладку» или ссылку, вы устанавливаете активный маршрут через маршрутизатор вашего приложения.«Вкладка» отображается как активная через директиву routerLinkActive и свойство active.