Angulyarda dəqiq URL uyğunluğu

routerLinkActive atributu əslində URL-i dəqiq yox, qismən uyğunluğa görə yoxlayır. Məsələn, bizim keçidlərimiz belə görünsün:

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

Bu halda, əgər biz /blog/page/ URL-inə düşsək, hər iki keçid stilə boyanacaq.

Keçid ünvanlarının dəqiq uyğunluğunu yoxlatmaq üçün routerLinkActiveOptions atributundan istifadə edə bilərsiniz. Baxın, ondan necə istifadə etmək olar:

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>