Angular да адресларни аниқ мос келиши

routerLinkActive атрибути аслида URL манзилни аниқ мос келишни эмас, балки қисман мос келишини текширади. Мисол учун бизнинг ҳаворалар шунақа кўринишда бўлсин:

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

Бундай ҳолда, агар биз /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>