Angular2在路由不活动时添加类
Posted
技术标签:
【中文标题】Angular2在路由不活动时添加类【英文标题】：Angular2 add class when route is inactive 【发布时间】：2017-06-18 07:56:48 【问题描述】：Angular2 有一个 routerLinkActive 指令，如果路由处于活动状态，它会向元素添加类。我想在路由 inactive 时添加一个类。有没有办法做到这一点？
【问题讨论】：
你能定义在这种情况下“非活动”是什么意思吗？只能在一个时间点处于活动路线，其余的将是“不活动的”？....或者您正在寻找一种禁用路线的方法？ 你可以用 CSS 做到这一点。将 routerlinkactive 设置为active，然后执行a:not(.active)。
是的，“活动”是指当前路线。不幸的是，在我的情况下，其他库使用该类，我无法使用 css 覆盖它。
【参考方案1】：
<a routerLink="/user/bob" routerLinkActive #rla="routerLinkActive" [ngClass]="rla.isActive ? 'classIfActive' : 'classIfNotActive'">
</a>
【讨论】：
以上是关于Angular2在路由不活动时添加类的主要内容，如果未能解决你的问题，请参考以下文章