Presiese Adres-ooreenstemming in Angular

Die attribuut routerLinkActive kyk eintlik nie na presiese ooreenstemming van die URL nie, maar na gedeeltelike ooreenstemming. Laat ons byvoorbeeld sê ons skakels lyk so:

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

In hierdie geval, as ons op die URL /blog/page/ is, sal albei skakels gestileer wees.

Om die skakeladresse op presiese ooreenstemming te laat kontrolleer, kan jy die attribuut routerLinkActiveOptions gebruik. Kyk hoe om dit te gebruik:

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>