AngularJS directive to toggle a class on any element on click (also handle #data-target attribute)

toggleclass.directive.js

angular.module('toggleclass.directive', [])
.directive('toggleClass', ['$compile', function($compile) {
    return {
	restrict: 'A',
	link: function(scope, element, attrs) {
	    element.addClass('cursor pointer');

	    element.bind('click', function() {
		// Root element
		toggleClassForExistingClasses(attrs.toggleClass, element);

		// Target element
		if (attrs.target &&
		    attrs.toggleTargetClass) {
		    var targetElement = angular.element(document.querySelector(attrs.target));
		    toggleClassForExistingClasses(attrs.toggleTargetClass, targetElement);
		}
	    });
	}
    };
}]);

function toggleClassForExistingClasses(toggledClass, element) {
    if (element.hasClass(toggledClass)) {
        element.removeClass(toggledClass);
    } else {
        element.addClass(toggledClass);
    }
}