Add class active to a menu with AngularJS directive

directives.js

'use strict';

angular.module('App').directive('isActive', ['$location', function($location) {
    return {
        restrict: 'A',
        link: function(scope, element) {
            scope.location = $location;
            scope.$watch('location.path()', function(currentPath) {
            	var formatedPath = '';
            	if(currentPath === '/') {
            		formatedPath = '/#';
            	} else {
            		formatedPath = '/#' + currentPath;
            	}
                if (formatedPath === element[0].children[0].attributes['href'].value) {
                    element.addClass('active');
                } else {
                    element.removeClass('active');
                }
            });
        }
    };
}]);