Документация по угловому маршрутизатору имеет следующий фрагмент: как сделать активные ссылки маршрутизатора точными:
Директива RouterLinkActive переключает классы css для активных RouterLinks на основе текущего RouterState. Этот каскад проходит через каждый уровень дерева маршрутов, так что ссылки родительского и дочернего маршрутизаторов могут быть активны одновременно. Чтобы переопределить это поведение, вы можете привязать к привязке ввода [routerLinkActiveOptions] с выражением {exact: true}. Используя {exact: true}, данный RouterLink будет активен только в том случае, если его URL-адрес точно совпадает с текущим URL-адресом.
Кто-нибудь имеет демонстрацию точной ссылки маршрутизатора?
В следующем примере класс active-link
будет добавляться только в том случае, если URL-адрес /inbox
, not /inbox/33
.
<a [routerLink]="/inbox"
routerLinkActive="active-link"
[routerLinkActiveOptions]="{exact: true}">
Inbox
</a>