Angular-da sahypa adresleriniň takyk gabat gelmegi

routerLinkActive atributy, aslynda, URL-i takyk däl-de, bölekleýin gabat gelşige görä barlaýar. Mysal üçin, bizim baglanyşyklarymyz şeýle bolsun:

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

Şeýle ýagdaýda, eger biz /blog/page/ adresinde bolsak, her iki baglanyşyk hem stilize ediler.

Baglanyşyk adresleriniň takyk gabat gelşini barlamaga, routerLinkActiveOptions atributy bilen mümkinçilik berilýär. Ony nädip ulanmalydygyny göreliň:

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>