Angular 6 Вкладка Nav не активна, когда я нажимаю гиперссылки

Question

Я создал пример маршрутизации в angular Рабочая демонстрация . Выходные данные примера маршрутизации выглядят так, как показано ниже.

Когда я нажимаю на вкладку Players , таблица создается активен, но когда я нажимаю гиперссылки Просмотр игроков и Просмотр игроков (сценарий) на вкладке «Панель управления», он переходит на вкладку «Игроки», но вкладка не активна (активный класс не добавляется в вкладка), как показано ниже

Может кто-нибудь, пожалуйста, помогите мне в этом

Answer 1

Это потому, что вы установили точный маршрут в true, а routerLink внутри него не направлял к основному игрокам маршруту.

<li [routerLinkActiveOptions]="{ exact: false }" routerLinkActive="active">
  <a [routerLink]="['/players']">Players</a>
</li>