-
[深圳|结业弟子]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
- 去第 页