排除某些路由的routerLinkActive样式类

时间:2019-02-21 08:55:52

标签: angular angular-routing angular-routerlink

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

上突出显示动作项

app header

我尝试使用[routerLinkActiveOptions]="{exact: true}",但在这种情况下,当我们导航至其子标签时,“我的个人资料”不会突出显示。 /profile/bookmarks

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

1 个答案:

答案 0 :(得分:1)

据我所知,

output = {} for p in my_list: id = p['orderproduct_id'] if id not in output: # Create empty list for new IDs output[id] = [] d = { 'orderproduct_quantity': p['orderproduct_quantity'], 'orderbatch_id': p['orderbatch_id'] } output[id].append(d) output = [{ 'orderproduct_id': k, 'batches': v } for k, v in output.items()] 对所需的行为没有内在的支持。解决方案是改为使用routerLinkActive并订阅ngClass,并根据确切的路线应用所需的ActivatedRoute类。