Die Bindung eines Ereignis $(document) innerhalb eines Winkel-Richtlinie

Habe ich eine Richtlinie implementiert, die Art von einem select-Feld.
Nun, wenn die select-box ist offen und ich klicke irgendwo außerhalb der(überall sonst im Dokument) ich brauche es zum Zusammenbruch.

Dieser JQuery-code funktioniert in meinem Richtlinie, aber ich will es tun, "die Winkel-Weg":

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

Ich habe versucht zu tun, was mit dem Einspritzen der $document service in meiner Richtlinie, aber war nicht erfolgreich.

Können Sie bitte die jsifddle/plunker?
Eigentlich schreiben Sie Richtlinien, wenn Sie wollen, um mit zu spielen /manipulieren des DOM. Also ich denke, Befestigung über event-handler in Ihre Richtlinie ist der richtige Weg oder eher Kantigen Art und Weise, solche Dinge tun
Können Sie zeigen, wie haben Sie es und was war der Fehler???
Können Sie injizieren $window die onclick-Funktionen.
Ich habe keine Probleme. Ich war auf der Suche nach der best practice-Lösung als Yuriy Rozhovetskiy gab.

InformationsquelleAutor Amir Popovich | 2014-06-23

Ich glaube, die meisten winkelgetreuen Weg ist angular.element statt jQuery und Zugriff auf window.document über die $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!');
            }
          })
        }
      };
    }
  ]);

})();