2017-01-25 75 views
0

考慮下面的例子:RouterLink和RouterLinkActive如何工作?

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

當URL可以是「/用戶」或「/用戶/鮑勃」,有源鏈接類將被添加到標記。

如果改變這個例子...

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

會當URL可以是「/用戶」或「/用戶/鮑勃」太主動鏈接類中applyed的標籤?

如果答案是否定的,我怎麼能這樣工作?

+0

你想使它工作? –

+0

我想在活動路由是子路由時應用css。 –

+0

如果您在子組件上應用活動路由,則父組件不會更改。 –

回答

1

如果你想完全匹配的網址。您可以添加routerLinkActiveOptions

例如

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

然後只有當url爲'/ user'時纔會添加class。 '/ user/bob'不會。