Natančno ujemanje naslovov v Angular
Atribut routerLinkActive pravzaprav
ne preverja URL za natančnim ujemanjem,
ampak za delnim. Za primer naj bodo naše
povezave videti takole:
<nav>
<a
routerLink="/blog/"
routerLinkActive="active"
>
Aaaa
</a>
<a
routerLink="/blog/page/"
routerLinkActive="active"
>
Bbbb
</a>
</nav>
V tem primeru, če smo na URL-ju
/blog/page/, bosta obe povezavi
oblikovani.
Da prisilimo preverjanje naslovov povezav za natančno
ujemanje, lahko uporabimo atribut routerLinkActiveOptions.
Poglejte, kako ga uporabiti:
<nav>
<a
routerLink="/blog/"
routerLinkActive="active"
[routerLinkActiveOptions]="{exact:true}">
Aaaa
</a>
<a
routerLink="/blog/page/"
routerLinkActive="active"
[routerLinkActiveOptions]="{exact:true}">
Aaaa
</a>
</nav>
Preverite, da privzeto povezave ne lovijo natančnega ujemanja.
Prisilite povezave, da preverjajo natančno ujemanje.
