Я пытаюсь установить ссылки в навигации как активные. Работает нормально, если сайт загружается нажатием на точку навигации. Но после перезагрузки страницы (F5 или введите URL-адрес напрямую) все ссылки помечаются как активные.
<div class="navItemsDivLeft">
<mat-nav-list class="mainItems" role="navigation">
<mat-list-item role="listitem" class="mat-list-item-float" routerLinkActive='active'><a routerLink="/{{'link.restaurants' | translate}}">{{'nav.restaurants' | translate}}</a></mat-list-item>
<mat-list-item role="listitem" class="mat-list-item-float" routerLinkActive='active'><a routerLink="/{{'link.about' | translate}}"> {{'nav.about' | translate}}</a></mat-list-item>
<mat-list-item role="listitem" class="mat-list-item-float" routerLinkActive='active'><a routerLink="/{{'link.contact' | translate}}"> Kontakt</a></mat-list-item>
</mat-nav-list>
</div>
<div class="example-fill-remaining-space"></div>
<div class="navItemsDivRight">
<mat-nav-list class="mainItems" role="navigation">
<mat-list-item class="mat-list-item-float"><mat-icon>person</mat-icon></mat-list-item>
<mat-list-item role="listitem" class="mat-list-item-float" routerLinkActive='active'><a routerLink="/{{'link.registration' | translate}}">{{'nav.registration' | translate}}</a></mat-list-item>
<mat-list-item role="listitem" class="mat-list-item-float" routerLinkActive='active'><a routerLink="/{{'link.login' | translate}}">{{'nav.login' | translate}}</a></mat-list-item>
</mat-nav-list>
</div>
похоже, проблема в переводе. С
<a routerLink="/registration">
это работает.