登录

css - Angular2中怎么不通过路由实现多个button的切换效果?

如何不用路由实现点击按钮时,当前按钮背景颜色变成蓝色,其他按钮背景颜色任然是灰色的效果呢?

# AngularJS
漂亮男人漂亮男人1866 天前393 次浏览

全部回复(3) 我要回复

  • 黄舟

    黄舟2017-05-15 17:15:11

    还是自问自答吧,已经通过ng2的指令来实现了这个效果,详见:
    http://tc9011.com/2017/03/03/...

    回复
    0
  • 曾经蜡笔没有小新

    曾经蜡笔没有小新2017-05-15 17:15:11

    ng-class满足不了吗
        <p ng-class="{true: 'green', false: 'red'}[isA[0]]"></p>
        <p ng-class="{true: 'green', false: 'red'}[isA[1]]"></p>
    点击事件去修改isA数组

    回复
    0
  • 伊谢尔伦

    伊谢尔伦2017-05-15 17:15:11

    看了你的博文,虽然道理都一样,但还是觉得您的做法也许复杂了,这里po出来你瞅瞅 :)

    个人认为的最佳实践是angular-router模块已经为我们提供的方案:routerLinkActive指令。
    代码样例点这里

    That's all...

    回复
    0
  • 取消回复发送