Simple directive to toggle class on click. Can either be applied to element defined on or a child of $element.

toggleClass.js

app.directive('toggleClass', function () {
  return {
    restrict: 'A',
    scope: {
      target: '@',
      toggleClass: '@'
    },
    link: function ($scope, $element, $attr) {
      $scope.$targetElement = angular.isDefined($scope.target)? $element.find($scope.target): $element;

      $element.bind('click', function (e) {
        $scope.$targetElement.toggleClass($scope.toggleClass);
      });
    }
  };
});