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>