Přesná shoda adres v Angular

Atribut routerLinkActive ve skutečnosti kontroluje URL ne na přesnou shodu, ale na částečnou. Předpokládejme pro příklad, že naše odkazy vypadají takto:

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

V tomto případě, pokud jsme na URL /blog/page/, budou stylovány oba odkazy.

Přinutit kontrolovat adresy odkazů na přesnou shodu lze pomocí atributu routerLinkActiveOptions. Podívejte se, jak jej používat:

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>