【风琴菜单状态怎么保存 _angular基础 】 | IT修真院·坑乎
问题已收录 风琴菜单状态怎么保存
我也踩过这个坑( 3 )
已统计您的踩坑,无需重复点击
回答(2)
angular基础
详细描述
截图
代码
编辑于2024-11-23
  • [深圳|结业弟子]JS-叶泽彪
    0

    用ng-class来动态变换元素的类名,如菜单是否展开的图标,我看你已经写了。二级菜单同理也需要使用ng-class,来动态变换是否高亮,高亮的触发在于点击,则需添加上ng-click事件。在ng-click事件中运行一个函数,函数中可通过使用sessionStorage本地存储来存储或获取菜单展开、二级标题高亮的状态。

    编辑于2018-08-31
  • [武汉|结业弟子]JS-孟晨
    0

    在提供一个方法,ng-class就不多说了,下面是获取当前路由根据当前路由来进行状态保存

    一个是点击事件,因为单纯的获取路由来添加需要刷新页面才能出现效果,所以要添加点击事件来添加删除样式

    //侧边栏高亮

     vm.clickclass = function (x, y) {

           angular.element('.h-organcolor2').removeClass('h-organcolor1');//重置所有样式

           angular.element(x.target).addClass('h-organcolor1');//点击元素添加样式

    }

    let currentUrl = $location.path();//当前路由

    currentUrl = currentUrl.replace(/\//g, '.');//正则替换斜杠

     currentUrl = currentUrl.slice(1)//删除开头的斜杠

     vm.currentUrl = currentUrl //ng-class条件


    编辑于2018-11-16