RouterLink和RouterLinkActive如何工作？

Question

考虑以下示例：

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

当前网址为＆＃34; / user＆＃34;时，主动链接CSS类将添加到a标记中。或＆＃34; / user / bob＆＃34;，

我如何强制执行完全匹配？

Answer 1

如果你想完全匹配网址。您可以添加<a [routerLink]="/user" routerLinkActive="active-link" [routerLinkActiveOptions]="{exact: true}">Bob</a> 。

e.g。

{{1}}

然后只有当网址是＆＃39; / user＆＃39;将添加课程。 ＆＃39; / user / bob＆＃39;不会。