La liaison d'un événement $(document) à l'intérieur d'un angulaire de la directive

J'ai une directive qui met en œuvre une sorte de boîte de sélection.
Maintenant, quand la boîte de sélection est ouverte et que je clique quelque part en dehors d'elle(n'importe où ailleurs dans le document) j'ai besoin de l'effondrement.

Cette JQuery code fonctionne à l'intérieur de mon directive, mais je veux le faire", l'angle moyen":

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

J'ai essayé de faire un truc avec de l'injection de $document service dans mon directive, mais n'a pas réussi.

Pourriez-vous fournir des jsifddle/plunker?
En fait vous écrire directives lorsque vous voulez jouer avec de manipuler le DOM. Donc je suppose que fixer au-dessus de gestionnaire d'événement dans votre directive est la manière correcte ou plutôt Angulaire de la façon de faire de telles choses
Pouvez-vous montrer comment avez-vous fait et ce qui a été l'erreur?
Vous pouvez injecter $window qui a onclick fonctions.
Je n'ai pas de problèmes. J'étais à la recherche de la meilleure solution en tant que Yuriy Rozhovetskiy a donné.

OriginalL'auteur Amir Popovich | 2014-06-23

  1. 18

    Je crois, la plus vraie Angulaire façon est d'utiliser des angular.element au lieu de jQuery et l'accès window.document via le $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 lien

    Exactement ce dont j'avais besoin. Merci!!!!

    OriginalL'auteur Yuriy Rozhovetskiy