Eksakt URL-match i Angular
Attributten routerLinkActive kontrollerer faktisk
URL'en for en delvis match snarere end en eksakt match.
Lad os som eksempel antage, at vores links ser således ud:
<nav>
<a
routerLink="/blog/"
routerLinkActive="active"
>
Aaaa
</a>
<a
routerLink="/blog/page/"
routerLinkActive="active"
>
Bbbb
</a>
</nav>
I dette tilfælde, hvis vi befinder os på URL'en
/blog/page/, vil begge links blive stylet.
Man kan tvinge kontrollen til at kræve en eksakt match
af linkadresserne ved hjælp af attributten routerLinkActiveOptions.
Se her, hvordan man bruger den:
<nav>
<a
routerLink="/blog/"
routerLinkActive="active"
[routerLinkActiveOptions]="{exact:true}">
Aaaa
</a>
<a
routerLink="/blog/page/"
routerLinkActive="active"
[routerLinkActiveOptions]="{exact:true}">
Aaaa
</a>
</nav>
Kontroller, at links som standard ikke fanger en eksakt match.
Gør så linksene kontrollerer for en eksakt match.
