Angular-da aniq manzil moslashuvi
routerLinkActive atributi
aslida URL ni aniq emas, balki qisman
moslashini teksiradi. Misol uchun, bizning
havolalarimiz quyidagicha ko'rinishda bo'lsin:
<nav>
<a
routerLink="/blog/"
routerLinkActive="active"
>
Aaaa
</a>
<a
routerLink="/blog/page/"
routerLinkActive="active"
>
Bbbb
</a>
</nav>
Bunday holatda, agar biz /blog/page/
url manzilida bo'lsak, ikkala havola ham
faollashtirilgan stilga ega bo'ladi.
Havola manzillarini aniq moslashini tekshirish
uchun routerLinkActiveOptions
atributidan foydalanish mumkin.
Uni qanday ishlatishni ko'ring:
<nav>
<a
routerLink="/blog/"
routerLinkActive="active"
[routerLinkActiveOptions]="{exact:true}">
Aaaa
</a>
<a
routerLink="/blog/page/"
routerLinkActive="active"
[routerLinkActiveOptions]="{exact:true}">
Aaaa
</a>
</nav>
Havolalar standart holatda aniq moslashni tekshirmasligini tekshiring.
Havolalarni aniq moslashni tekshirishga majburlang.
