Angular'да URL дал келишүүнүн так дал келиши

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/ урлунда турсак, экөө тең шилтемелер стилге ээ болот.

Шилтеменин даректерин так дал келиш үчүн текшерүүнү 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>