[英]How to access closest element in AngularJS (no jQuery)
How could I properly access the closest element, as the below jQuery code accomplishes, in Angular without using jQuery? 如何在Angular中正确访问最接近的元素,如下面的jQuery代码,而不使用jQuery?
link: function (scope, element, attrs) {
function handler($event) {
if(!($event.target).closest(element).length) {
scope.$apply(function () {
$parse(attrs.clickOutside)(scope);
});
}
}
}
I ended up simply checking if the element contains $event.target
. 我最后只是检查元素是否包含
$event.target
。 The key here is that you must access element[0]
and not simply element
: 这里的关键是你必须访问
element[0]
而不仅仅是element
:
link: function(scope, element, attrs) {
function handler($event) {
if (!element[0].contains($event.target)) {
scope.$apply(function() {
$parse(attrs.clickOutside)(scope);
});
}
}
}
Something like this can be used to extend the angular.element functionality: 像这样的东西可以用来扩展angular.element功能:
angular.element.prototype.closest = function closest( selector )
{
if( selector && selector.length )
{
var startChar = selector.substring( 0, 1 );
switch( startChar )
{
case '.':
return this.hasClass( selector.substring( 1, selector.length ) ) ? this : ( this.parent().length ? this.parent().closest( selector ) : this.parent() );
break;
case '#':
return selector.substring( 1, selector.length ) == this[0].id ? this : ( this.parent().length ? this.parent().closest( selector ) : this.parent() );
break;
default: //tagname
return ( this[0].tagName && selector.toLowerCase() == this[0].tagName.toLowerCase() ) ? this : ( this.parent().length ? this.parent().closest( selector ) : this.parent() );
break;
}
}
else
{
return this.parent();
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.