Toчно совпаѓање на адреси во Angular

Атрибутот routerLinkActive всушност не проверува за точно совпаѓање на URL-то, туку за делумно. Нека за пример нашите врски изгледаат вака:

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

Во овој случај, ако се наоѓаме на URL-то /blog/page/ ќе бидат стилизирани двете врски.

Можете да ги натерате да проверуваат адресите на врските за точно совпаѓање со помош на атрибутот routerLinkActiveOptions. Погледнете како да го користите:

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>