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>