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:

app/app.component.html<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:

app/app.component.html<nav>
  <a
    routerLink="/blog/"
    routerLinkActive="active"
    [routerLinkActiveOptions]="{exact:true}">
      Aaaa
  </a>
  <a
    routerLink="/blog/page/"
    routerLinkActive="active"
    [routerLinkActiveOptions]="{exact:true}">
      Aaaa
  </a>
</nav>