使当前菜单和子菜单在angularjs中处于活动状态 [英] make current menu and sub-menu active in angularjs

问题描述

我正在从db动态制作菜单和子菜单，并使用angularjs-ng-repeat绑定这些菜单和子菜单但是当我点击菜单链接或子菜单链接时，它会激活所有子菜单链接....我正在使用这个angularjs函数

am making menu and submenu dynamically from db and binding these with angularjs-ng-repeat but when i click on a menu-link or sub-menu link its making active to all sub-menu link....i am using this angularjs function

$scope.isActive = function (viewLocation) {
       var cur_path = $location.url().substr(1, viewLocation.length);
       var active = (cur_path === $location.url());
       return active;
   };

和html类似

and in html like

 <li style="color:#ffffff;" ng-class="{ active: isActive(submenu.NavigationURL) }" ng-repeat="submenu in menu.SubMenu">
<a href="{{submenu.NavigationURL}}">{{submenu.Name}}</a></li>

所以请告诉我我在哪里做错了以及如何制作当前有效的菜单和子菜单-menu使用angular with css或任何

so pls tell me where i am doing wrong and how to make active current menu and sub-menu using angular with css or with any

推荐答案

scope.isActive = function（viewLocation）{
var cur_path =

scope.isActive = function (viewLocation) { var cur_path =

location.url（）。substr（1，viewLocation.length）;
var active =（cur_path ===

location.url().substr(1, viewLocation.length); var active = (cur_path ===

location.url（））;
返回有效;
};

location.url()); return active; };

和html类似

and in html like

 <li style="color:#ffffff;" ng-class="{ active: isActive(submenu.NavigationURL) }" ng-repeat="submenu in menu.SubMenu">
<a href="{{submenu.NavigationURL}}">{{submenu.Name}}</a></li>

所以请告诉我我在哪里做错了以及如何制作当前有效的菜单和子菜单-menu使用角度与css或任何

so pls tell me where i am doing wrong and how to make active current menu and sub-menu using angular with css or with any

这篇关于使当前菜单和子菜单在angularjs中处于活动状态的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！