如何访问AngularJS中的最近元素(没有jQuery)

Question

如何在Angular中正确访问最接近的元素,如下面的jQuery代码,而不使用jQuery？

link: function (scope, element, attrs) {
  function handler($event) {
    if(!($event.target).closest(element).length) {
      scope.$apply(function () {
        $parse(attrs.clickOutside)(scope);
      });
    }
  }
}

Answer 1

我最后只是检查元素是否包含$event.target.这里的关键是你必须访问element[0]而不是简单地element:

link: function(scope, element, attrs) {
  function handler($event) {
    if (!element[0].contains($event.target))  {
      scope.$apply(function() {
        $parse(attrs.clickOutside)(scope);
      });
    }
  }
}