Eksakt URL-match i Angular

Attributten routerLinkActive kontrollerer faktisk URL'en for en delvis match snarere end en eksakt match. Lad os som eksempel antage, at vores links ser således ud:

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

I dette tilfælde, hvis vi befinder os på URL'en /blog/page/, vil begge links blive stylet.

Man kan tvinge kontrollen til at kræve en eksakt match af linkadresserne ved hjælp af attributten routerLinkActiveOptions. Se her, hvordan man bruger den:

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>