I have set up the Menu and Submenu in the following way:
<li>
<a href="#/solution" ng-class="{ current: isActive('/solution') }" >
<i class="halflings white home"></i>
{{menu.home}}
</a>
</li>
The Solution menu is active when I am on localhost/solution. How can I make the parent menu active when a submenu is active? Something like this:
current: isActive('/solution/1,/solution/2,/solution/3,/solution/.....').
This is my isActive
method:
$scope.isActive = function (viewLocation) {
var active = (viewLocation === $location.path());
return active;
};