pablocattaneo
1/20/2017 - 10:31 PM

Add active class in menu

Add active class in menu

var myApp = angular.module('myApp', []).run(function($rootScope, $location) {
    $rootScope.location = $location;
    $rootScope.getClass = function (path) {
        return ($location.path().substr(0, path.length) === path) ? 'active' : '';
    }
});
<ul class="nav navbar-nav">
    <li ng-class="getClass('/exercises')"><a href="#!/exercises/">Exercises <span class="sr-only">(current)</span></a></li>
    <li ng-class="getClass('/routine')"><a href="#!/routine/routine-list/">Routines</a></li>
    <li ng-class="getClass('/new-routine')"><a href="#!/new-routine">New Routine</a></li>
</ul>