Как работают RouterLink и RouterLinkActive?

Question

Рассмотрим следующий пример:

<a routerLink="/user/bob" routerLinkActive="active-link">Bob</a> 

Когда URL либо «/ пользователь» или «/ пользователь/боб», класс активной ссылка будет добавлена ​​в теге.

Если изменение этого пример ...

<a routerLink="/user" routerLinkActive="active-link">Bob</a> 

Будет ли класс активной ссылки будет применен к тег, если URL либо «/ пользователя» или «/ пользователь/боб» тоже?

Если ответ отрицательный, как я могу заставить его работать таким образом?

Answer 1

Если вы хотите полностью совместить URL-адрес. Вы можете добавить routerLinkActiveOptions.

например.

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

Тогда только тогда, когда URL-адрес пользователя/пользователя добавит класс. «/ User/bob» не будет.