素材巴巴 > 程序开发 >

Angularjs 左侧导航栏点击变色

程序开发 2023-09-17 14:54:33

Angularjs 左侧导航栏点击变色

写在前面

最近在做一个很小的项目,但是页面啥的都要求五脏俱全,页面标配–导航栏。要求做到点击左侧导航栏后,点击的元素变个色,不然用户自己不知道点了哪一个。也不知道当初脑子是想啥,选择用angularjs写整个项目的前端。【当事人:反正就是后悔】

原生的JS 实现这种很简单,只需要点击元素时,给当前元素添加样式即可,移除其他元素相同的样式。

查来一下angularjs ,发现angularjs 实现起来更为高效简单

废话少说

先看一html下代码,我在元素里面加了个ng-click=“li_click(11)” ng-class="{focus:state==11}"

  • WiFi
  • 接下来看js的代码
    在这里插入图片描述
    然后是css的代码,因为在点击之后要添加选择变色的仰首
    在这里插入图片描述

    圆满收场

    用angularjs没想到这么简单就搞定了。
    在这里插入图片描述


    标签:

    上一篇: 访问webservice 下一篇:
    素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。