AngularJS Toggle Class

Often we need to toggle the class by clicking the html element. Some scenario may be more than one class. Below directive helps to achieve the same.

testModule.directive("ngToggleClass", function () {
    return {
        restrict: 'A',
        compile: function (element, attr) {
            var classes = attr.ngToggleClass.split(',');
            element.bind('click', function () {
                angular.forEach(classes, function (value) {
                    (element.hasClass(value)) ? element.removeClass(value) : element.addClass(value);
                });
            });
        }
    }
});