Angular focusOnClick Directive

focusOnClick.js

angular.module('gmail').directive('focusOnClick', [
  function() {
    return {
      restrict: 'A',
      link: function($scope, $el, attrs) {
        function focusOnClick() {
          // Note: selector must uniquely identify the element in the page
          $(attrs.focusOnClick).focus();
        }
        
        $el.on('click', focusOnClick);
        $el.on('$destroy', function() {
          $el.off('click', focusOnClick);
        });
      }
    }
  }
]);