Binden eines Ereignisses an $ (Dokument) innerhalb einer Winkel-Direktive

Question

Ich habe eine Direktive, die Art einer Auswahlbox implementiert.
Jetzt, wenn das Auswahlfeld geöffnet ist und ich irgendwo außerhalb davon (irgendwo anders im Dokument) klicke, muss ich es zusammenbrechen.

Dieser JQuery-Code funktioniert in meiner Richtlinie, aber ich will, es zu tun „der Winkel Weg“:

$(document).bind('click', function (e) { 
     var $clicked = e.target; 
     if (!$clicked.parents().hasClass("myClass")) { 
      scope.colapse(); 
     } 
    }); 

Ich habe versucht, etwas zu tun, den $ Dokument in meine bestehenden Richtlinie mit dem Einspritzen aber nicht gelang.

Answer 1

I, die wahre Angular Art und Weise glauben ist angular.element statt jQuery zu verwenden und den Zugriff auf window.document über den $document Service:

(function() { 

    angular.module('myApp').directive('myDocumentClick', 
    ['$window', '$document', '$log', 
    function($window, $document, $log) { 
     return { 
     restrict: 'A', 
     link: function(scope, element, attrs) { 
      $document.bind('click', function(event) { 
      $log.info(event); 
      if (angular.element(event.target).hasClass('myClass')) { 
       $window.alert('Foo!'); 
      } 
      }) 
     } 
     }; 
    } 
    ]); 

})(); 

Plunker link