Täpne URL-i vastavus Angularis
Atribuut routerLinkActive tegelikult
ei kontrolli URL-i täpset vastavust,
vaid osalist. Olgu meie näideteks lingid
vormilt sellised:
<nav>
<a
routerLink="/blog/"
routerLinkActive="active"
>
Aaaa
</a>
<a
routerLink="/blog/page/"
routerLinkActive="active"
>
Bbbb
</a>
</nav>
Sel juhul, kui oleme aadressil
/blog/page/, muudetakse mõlemat
linki stiili järgi.
Saada linkide aadresse kontrollima täpse
vastavuse suhtes on võimalik atribuudi routerLinkActiveOptions abil.
Vaadake, kuidas seda kasutada:
<nav>
<a
routerLink="/blog/"
routerLinkActive="active"
[routerLinkActiveOptions]="{exact:true}">
Aaaa
</a>
<a
routerLink="/blog/page/"
routerLinkActive="active"
[routerLinkActiveOptions]="{exact:true}">
Aaaa
</a>
</nav>
Kontrollige, et vaikimisi lingid ei püüa kinni täpset vastavust.
Pange lingid kontrollima täpset vastavust.
