RouterLink 和 RouterLinkActive 如何工作？

Question

考虑以下示例：

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

当当前 URL 为“/user”或“/user/bob”时，active-link CSS 类将被添加到 a 标签中，

如何强制执行完全匹配？

Answer 1

如果你想完全匹配 url。您可以添加routerLinkActiveOptions。

例如

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

只有当 url 为 '/user' 时才会添加类。 '/user/bob' 不会。