ზუსტი მისამართების დამთხვევა Angular-ში

ატრიბუტი routerLinkActive სინამდვილეში არ ამოწმებს URL-ს ზუსტ დამთხვევაზე, არამედ ნაწილობრივ დამთხვევაზე. მაგალითისთვის დავუშვათ, რომ ჩვენი ბმულები ასე გამოიყურება:

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>