Дарозии дақиқи суроғаҳо дар Angular

Хусусияти routerLinkActive дар асл барои тафтиши URL барои мувофиқати дақиқ нест, барои қисман. Барӯйхатгирӣ мекунем, ки мисоли мо пайвандҳо чунинанд:

app/app.component.html<nav>
  <a
    routerLink="/blog/"
    routerLinkActive="active"
  >
    Aaaa
  </a>
  <a
    routerLink="/blog/page/"
    routerLinkActive="active"
  >
    Bbbb
  </a>
</nav>

Дар ин ҳолат, агар мо дар URL /blog/page/ ҳарду пайвандҳо таъин карда шаванд.

Барои ҳатмӣ кардани тафтиши суроғаҳои пайвандҳо барои мувофиқати дақиқ метавон бо истифодаи хусусияти routerLinkActiveOptions. Нигаред, ки чӣ тавр истифода бурдан:

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>