Mechi Kamili ya Anwani katika Angular
Sifa routerLinkActive kwa kweli
inakagua URL sio kwa mechi kamili,
lakini kwa sehemu. Hebu kwa mfano viungo vyetu
vionekane kama hivi:
<nav>
<a
routerLink="/blog/"
routerLinkActive="active"
>
Aaaa
</a>
<a
routerLink="/blog/page/"
routerLinkActive="active"
>
Bbbb
</a>
</nav>
Katika hali hii, ikiwa tuko kwenye url
/blog/page/ viungo vyote vitakuwa
vimepata style.
Kulazimisha kukagua anwani za viungo kwa mechi
kamili inaweza kufanyika kwa kutumia sifa routerLinkActiveOptions.
Angalia, jinsi ya kuitumia:
<nav>
<a
routerLink="/blog/"
routerLinkActive="active"
[routerLinkActiveOptions]="{exact:true}">
Aaaa
</a>
<a
routerLink="/blog/page/"
routerLinkActive="active"
[routerLinkActiveOptions]="{exact:true}">
Aaaa
</a>
</nav>
Hakikisha kuwa kwa default viungo havina mechi kamili.
Lazimisha viungo vikagalie mechi kamili.