Активная точная демоверсия роутера?

Question

Активная точная демоверсия роутера?

1

Документация по угловому маршрутизатору имеет следующий фрагмент: как сделать активные ссылки маршрутизатора точными:

Директива RouterLinkActive переключает классы css для активных RouterLinks на основе текущего RouterState. Этот каскад проходит через каждый уровень дерева маршрутов, так что ссылки родительского и дочернего маршрутизаторов могут быть активны одновременно. Чтобы переопределить это поведение, вы можете привязать к привязке ввода [routerLinkActiveOptions] с выражением {exact: true}. Используя {exact: true}, данный RouterLink будет активен только в том случае, если его URL-адрес точно совпадает с текущим URL-адресом.

Кто-нибудь имеет демонстрацию точной ссылки маршрутизатора?

Ole 13 июнь 2017, в 18:38

Источник

Теги:

angular

javascript

1 ответ

Ещё вопросы

Max Wizard K · Accepted Answer · 2017-06-13T13-56-00.000Z

В следующем примере класс active-link будет добавляться только в том случае, если URL-адрес /inbox, not /inbox/33.

<a [routerLink]="/inbox" 
   routerLinkActive="active-link" 
   [routerLinkActiveOptions]="{exact: true}">
    Inbox
</a>