Presná zhoda adries v Angular

Atribút routerLinkActive v skutočnosti kontroluje URL nie na presnú zhodu, ale na čiastočnú. Nech pre príklad naše odkazy vyzerajú takto:

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

V tomto prípade, ak sa nachádzame na URL /blog/page/ budú stylizované oba odkazy.

Donútiť kontrolovať adresy odkazov na presnú zhodu je možné pomocou atribútu routerLinkActiveOptions. Pozrite sa, ako ho používať:

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>