Tikslus adresų atitikimas Angular
Atributas routerLinkActive iš tikrųjų
tikrina ne tikslų atitikimą, o dalinį.
Tarkime, mūsų nuorodos atrodo taip:
<nav>
<a
routerLink="/blog/"
routerLinkActive="active"
>
Aaaa
</a>
<a
routerLink="/blog/page/"
routerLinkActive="active"
>
Bbbb
</a>
</nav>
Šiuo atveju, jei esame URL
/blog/page/, bus stilizuotos abi
nuorodos.
Priversti nuorodų adresus tikrinti tiksliai
atitikti galima naudojant atributą routerLinkActiveOptions.
Žiūrėkite, kaip juo naudotis:
<nav>
<a
routerLink="/blog/"
routerLinkActive="active"
[routerLinkActiveOptions]="{exact:true}">
Aaaa
</a>
<a
routerLink="/blog/page/"
routerLinkActive="active"
[routerLinkActiveOptions]="{exact:true}">
Aaaa
</a>
</nav>
Patikrinkite, kad pagal numatytuosius nustatymus nuorodos nefiksuoja tikslaus atitikimo.
Priverskite nuorodas tikrinti tikslų atitikimą.