排除某些路由的routerLinkActive样式类

Question

我有一个带有4个主要标签的页面标题。 我的个人资料标签（ /profile ）的路线/profile/action-items有“操作项”子选项卡。 我也有ACTION ITEMS主标签，该标签基本上将用户重定向到/profile/action-items 。 那是我的问题的根本原因。 当/profile/action-items路由处于活动状态时，由于routerLinkActive使用，“我的/profile/action-items和“操作项”选项卡名称均突出显示。 但是，我只希望在/profile/action-items突出显示ACTION /profile/action-items

我尝试使用[routerLinkActiveOptions]="{exact: true}" ，但在这种情况下，当我们导航到其子选项卡（例如/profile/bookmarks时，我的个人资料未突出显示

有没有办法解决这个问题？

Answer 1

据我所知， routerLinkActive对所需的行为没有固有的支持。 解决方案是改为使用ngClass并订阅ActivatedRoute ，根据精确的路由应用所需的active类。