即使其他页面处于活动状态，routerLinkActive也会始终将主页链接设置为活动状态– 角度10

-技术讲座 › 类别：Angular 10 › 即使其他页面处于活动状态，routerLinkActive也会始终将主页链接设置为活动状态– 角度10
0 投票 投下票
雷玛纳里 员工 问2个月前

我正在使用角度10版本，routerLinkActive存在问题，即使路由在另一页上，它也将主页URL（基本URL）设置为活动状态。


<li class="nav-item">
  <a class="nav-link" [routerLink]='[""]' routerLinkActive='active'>Home</a>
</li>
<li class="nav-item">
  <a class="nav-link" [routerLink]='["/contact-us"]' routerLinkActive='active'>Contact Us</a>
</li>

routerLinkActive

问题标签： ,
1个答案
0 投票 投下票
伊纳姆·侯赛因 员工 2个月前回答

我相信你需要使用 [routerLinkActiveOptions] 在您的模板页面中。


[routerLinkActiveOptions]="{exact:true}"

将上述[routerLinkActiveOptions]指令设置为所有导航链接，这会将routerLinkActive类仅添加到与整个URL匹配的那些导航链接。

注册发布答案
    • 启用通知    好 不用了，谢谢