如何找到Hostlistener事件目标与ElementRef之间的关系

Question

我需要知道，获取点击事件目标是我的element从viewChild的子级或外部。这可能找到吗？

我没有得到解决方案。

这是代码：

import { Component, ViewChild, HostListener, ElementRef } from '@angular/core';
@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
@ViewChild('child') element:ElementRef;
@HostListener('document:click', ['$event.target']) onClick(event) {
const parent = this.element.nativeElement;
if(event is childOf(parent)) {
//
} else {
//
}
console.log(parent, event);
}
name = 'Angular';
}

如何做到这一点？实时演示

有人帮我吗？

Answer 1

Node.contents((方法应该是您想要的。

if(parent.contains(event)) {
console.log('child')
} else {
console.log('not a child')
}

叉式堆垛机

Answer 2

请尝试使用这种方法

if (document.getElementById('idOfParentElement').contains(event.target)) {
// do something
}