AngularJS: Click Outside of Directory

AppCtrl.coffee

app.controller 'AppCtrl', ($rootScope) ->
  
  # broadcast click event within AppCtrl
  $(document).on 'click', (e) ->
    $rootScope.$broadcast 'click', e.target
    # this target is a js dom element

listenDirectory.coffee

app.directive 'dropdownBox', ($rootScope) ->
    scope: {}
    link: (scope, element, attr) ->

      # listen to click event, within a link function:
      offEvent = $rootScope.$on 'click', (e, target) ->
        if !element.find($(target)).length # clicked outside of directory
        # equivalent to: !($.contains(element[0], target) || element.is(target))
          scope.showDropdown = false
          scope.$apply()
          # don't forget to apply! since angular has already digested the whole click
          # before jquery's event, without $apply it wouldn't be applied at this point
  
      # don't forget to turn off the event when scope is destroyed
      $scope.$on '$destroy', -> do offEvent