Pontos URL egyezés az Angular-ban

A routerLinkActive attribútum valójában nem pontos, hanem részleges egyezést ellenőriz a URL-ben. Tegyük fel, hogy a linkjeink így néznek ki:

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

Ebben az esetben, ha a /blog/page/ URL-en vagyunk, mindkét link stílusozva lesz.

A linkek címének pontos egyezésre történő ellenőrzését a routerLinkActiveOptions attribútummal érhetjük el. Nézd meg, hogyan kell használni:

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>