AngularJS Toggle Class

Freqüentemente, precisamos alternar a classe clicando no elemento html. Alguns cenários podem ser mais de uma classe. A diretiva abaixo ajuda a conseguir o mesmo.

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);
                });
            });
        }
    }
});