Mechi Kamili ya Anwani katika Angular

Sifa routerLinkActive kwa kweli inakagua URL sio kwa mechi kamili, lakini kwa sehemu. Hebu kwa mfano viungo vyetu vionekane kama hivi:

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

Katika hali hii, ikiwa tuko kwenye url /blog/page/ viungo vyote vitakuwa vimepata style.

Kulazimisha kukagua anwani za viungo kwa mechi kamili inaweza kufanyika kwa kutumia sifa routerLinkActiveOptions. Angalia, jinsi ya kuitumia:

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>