Penyesuaian Tepat URL dalam Angular

Atribut routerLinkActive sebenarnya tidak menyemak URL untuk penyesuaian tepat, tetapi untuk penyesuaian separa. Katakan sebagai contoh pautan kami kelihatan seperti ini:

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

Dalam kes ini, jika kita berada di URL /blog/page/, kedua-dua pautan akan digayakan.

Untuk memaksa semakan alamat pautan untuk penyesuaian tepat boleh dilakukan dengan menggunakan atribut routerLinkActiveOptions. Lihat bagaimana menggunakannya:

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>