將一個事件綁定到一個角度指令內的$（document）

Question

我有一個指令，它實現了一種選擇框。
現在，當選擇框打開，我點擊它外面的任何地方（文檔中的任何地方），我需要它崩潰。

這個jQuery代碼的工作我的指令裏面，但我想這樣做「的角路」：

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

我試圖做的事情與注射的$文件服務爲我的指令，但沒有成功。

Answer 1

我相信，最真實的角方式是通過$document服務使用angular.element代替jQuery和訪問window.document：

(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