Tačno podudaranje adresa u Angularu

Atribut routerLinkActive zapravo proverava URL ne na tačno podudaranje, već na delimično. Neka za primer naše veze izgledaju ovako:

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

U ovom slučaju, ako se nalazimo na URL-u /blog/page/ biće stilizovane obe veze.

Da biste primorali da se adrese veza proveravaju na tačno podudaranje možete koristiti atribut routerLinkActiveOptions. Pogledajte kako se koristi:

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>