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' 不会。