make current menu and sub-menu active in angularjs

See more:

MVC

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;
   };

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>

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