Angular හි URL හරියටම ගැලපීම

ගුණාංගය routerLinkActive යනු සත්‍ය ගැලපීමක් පරීක්ෂා නොකර, අර්ධ ගැලපීමක් පරීක්ෂා කරයි. උදාහරණයක් ලෙස, අපගේ සබැඳි මෙසේ පෙනෙනවා යැයි සිතමු:

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

මෙම අවස්ථාවේදී, අපි URL එකේ සිටින්නේ නම් /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>