Angular 排除某些路由的RouterLink活动样式类
我有一个有4个主要标签页的页眉。“我的配置文件”选项卡(Angular 排除某些路由的RouterLink活动样式类,angular,angular-routing,angular-routerlink,Angular,Angular Routing,Angular Routerlink,我有一个有4个主要标签页的页眉。“我的配置文件”选项卡(/PROFILE)在路径/PROFILE/Action Items中有可用的操作项子选项卡。 我还有一个ACTION ITEMS主选项卡,它基本上将用户重定向到/profile/ACTION ITEMS。这是我问题的根本原因。当/profile/action items路由处于活动状态时,由于routerLinkActive的使用,“我的配置文件”和“操作项”选项卡名称都会高亮显示。但是,我只希望在/profile/ACTION ITEMS
/PROFILE
)在路径/PROFILE/Action Items
中有可用的操作项子选项卡。
我还有一个ACTION ITEMS主选项卡,它基本上将用户重定向到/profile/ACTION ITEMS
。这是我问题的根本原因。当/profile/action items
路由处于活动状态时,由于routerLinkActive
的使用,“我的配置文件”和“操作项”选项卡名称都会高亮显示。但是,我只希望在/profile/ACTION ITEMS
我尝试使用[routerLinkActiveOptions]=“{exact:true}”
,但在这种情况下,当我们导航到其子选项卡时,我的配置文件不会突出显示,例如/PROFILE/bookmarks
有没有办法解决这个问题?据我所知,RouterLink Active对所需的行为没有内在的支持。这里的解决方案是使用
ngClass
并订阅ActivatedRoute
,根据精确的路线应用所需的active
类。看起来你是对的。这对我有用。然而,我已经在Angular的backlog(尚未实现)中找到了所需的功能。我想如果您真的想保持routerLinkActive
方案,您可以将{exact:true}
替换为{exact:testResult}
,并让testResult
对ActivatedRoute
做出反应。