Natančno ujemanje naslovov v Angular

Atribut routerLinkActive pravzaprav ne preverja URL za natančnim ujemanjem, ampak za delnim. Za primer naj bodo naše povezave videti takole:

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

V tem primeru, če smo na URL-ju /blog/page/, bosta obe povezavi oblikovani.

Da prisilimo preverjanje naslovov povezav za natančno ujemanje, lahko uporabimo atribut routerLinkActiveOptions. Poglejte, kako ga uporabiti:

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>