排除某些路由的 routerLinkActive 样式类

Question

我有一个包含 4 个主要选项卡的页眉。我的个人资料选项卡 (/profile) 在路线 /profile/action-items 上有可用的操作项子选项卡。 我还有 ACTION ITEMS 主选项卡，它基本上将用户重定向到 /profile/action-items。这是我问题的根本原因。当 /profile/action-items 路线处于活动状态时，由于 routerLinkActive 用法，“我的个人资料”和“行动项目”选项卡名称都会突出显示。但是，我只想在 /profile/action-items

处突出显示 ACTION ITEMS

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

有办法解决这个问题吗？

Answer 1

据我所知，

routerLinkActive 没有对所需行为的内在支持。这里的解决方案是改为使用 ngClass 并订阅 ActivatedRoute，根据精确路线应用所需的 active class。