【问题标题】:Angular2 add class when route is inactiveAngular2在路由不活动时添加类
【发布时间】:2017-06-18 07:56:48
【问题描述】:

Angular2 有一个 routerLinkActive 指令,如果路由处于活动状态,它会向元素添加类。我想在路由 inactive 时添加一个类。有没有办法做到这一点?

【问题讨论】:

  • 你能定义在这种情况下“非活动”是什么意思吗?只能在一个时间点处于活动路线,其余的将是“不活动的”?....或者您正在寻找一种禁用路线的方法?
  • 你可以用 CSS 做到这一点。将 routerlinkactive 设置为active,然后执行a:not(.active)。
  • 是的,“活动”是指当前路线。不幸的是,在我的情况下,其他库使用该类,我无法使用 css 覆盖它。

标签: angular angular2-routing


【解决方案1】:
<a routerLink="/user/bob" routerLinkActive #rla="routerLinkActive" [ngClass]="rla.isActive ? 'classIfActive' : 'classIfNotActive'">
</a>

【讨论】:

    猜你喜欢
    • 2021-06-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-04-01
    • 2018-01-07
    相关资源
    最近更新 更多