Հղումների ճշգրիտ համընկնումը 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/ URL-ում, ապա երկու հղումներն էլ կստիլավորվեն։

Հնարավոր է ստիպել, որ ստուգվի հղումների հասցեների ճշգրիտ համընկնումը՝ օգտագործելով 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>