активировать вкладку по умолчанию при загрузке страницы Angular 8

Question

После успешного входа в систему он перенаправляет на lochalhost: 4200 / функция. Я хочу, чтобы в этом состоянии была активна ссылка «Панель управления». Когда я нажимаю на панель инструментов, активен тестовый костюм и ссылки логов.

<li routerLink="dashboard"  [ngClass]="{'active': router.isActive('feature')}" routerLinkActive="active">
            <i class="img-sprite dashboard-icon"></i>
           <a  > Dashboard</a>
        </li>
        <li routerLink="test-suit" routerLinkActive="active" >
                <i class="img-sprite testsuit-icon"></i>
            <a>Test Suite</a>
        </li>
        <li routerLink="logs" routerLinkActive="active">
                <i class="img-sprite logs-icon"></i>
                <a>Logs</a></li>

Проблема заключается в том, что после добавления ngClass активный класс не удаляется из ссылки на панель инструментов.

Это URL-адреса:

http://localhost:4200/feature     (default page url where i want to give active class as this url loads dashboard component)
http://localhost:4200/feature/dashboard    (active works fine)
http://localhost:4200/feature/test-suite   (active works fine)
http://localhost:4200/feature/logs   (active works fine)

Answer 1

Из-за того, что активный маршрут не работает.

здесь указано:

 <li routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}" >
</li>

Вот ссылка: https://angular.io/api/router/RouterLinkActive