Täpne URL-i vastavus Angularis

Atribuut routerLinkActive tegelikult ei kontrolli URL-i täpset vastavust, vaid osalist. Olgu meie näideteks lingid vormilt sellised:

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

Sel juhul, kui oleme aadressil /blog/page/, muudetakse mõlemat linki stiili järgi.

Saada linkide aadresse kontrollima täpse vastavuse suhtes on võimalik atribuudi routerLinkActiveOptions abil. Vaadake, kuidas seda kasutada:

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>