Tikslus adresų atitikimas Angular

Atributas routerLinkActive iš tikrųjų tikrina ne tikslų atitikimą, o dalinį. Tarkime, mūsų nuorodos atrodo taip:

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

Šiuo atveju, jei esame URL /blog/page/, bus stilizuotos abi nuorodos.

Priversti nuorodų adresus tikrinti tiksliai atitikti galima naudojant atributą routerLinkActiveOptions. Žiūrėkite, kaip juo naudotis:

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>