排除某些路由的 routerLinkActive 样式类

Question

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

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

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

Answer 1

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