設置 <li> 基於路由器的角度4激活類

Question

我對angular 4相當陌生，但我有無法自行解決的問題。

我的主URL是localhost：4200 / ，另一個是localhost：4200 / wortschaz 。

我想使用angular * ngIf為基於路由器的某個div提供活動類。 因此，如果url為localhost：4200 / wortschaz，那么我想將class設置為具有該內容的div。

有人可以幫我嗎？

Answer 1

使用routerLinkActive

 <a routerLink="/wortschaz" routerLinkActive="activeNav">Wortschaz</a> 

 .activeNav { background-color: blue; } 

Answer 2

只需添加<li><a routerLink='/wortschaz ' routerLinkActive='active'>wortschaz </a></li> 。 routerLinkActive會照顧好它