Precīza adrešu atbilstība Angular

Atribūts routerLinkActive patiesībā pārbauda URL nevis precīzai atbilstībai, bet daļējai. Pieņemsim, ka mūsu saites izskatās šādi:

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

Šajā gadījumā, ja atrodamies uz URL /blog/page/, tiks formatētas abas saites.

Lai piespiestu pārbaudīt saites adreses precīzai atbilstībai, var izmantot atribūtu routerLinkActiveOptions. Skatieties, kā to lietot:

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>