Тачно поклапање адреса у 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>