检测Angular组件外部的单击
如何检测Angular中组件 外部 的点击？
问题答案：
import { Component, ElementRef, HostListener, Input } from ‘@angular/core’;
@Component({
selector: 'selector',
template: `
<div>
{{text}}
</div>
`
})
export class AnotherComponent {
public text: String;
@HostListener('document:click', ['$event'])
clickout(event) {
if(this.eRef.nativeElement.contains(event.target)) {
this.text = "clicked inside";
} else {
this.text = "clicked outside";
}
}
constructor(private eRef: ElementRef) {
this.text = 'no clicks yet';
}
}
-
问题内容： 我正在寻找一种检测点击事件是否在组件外部发生的方法。jQuery最近的（）用于查看click事件中的目标是否具有dom元素作为其父元素之一。如果存在匹配项，则单击事件属于子项之一，因此不被视为在组件之外。 因此，在我的组件中，我想将单击处理程序附加到窗口。当处理程序触发时，我需要将目标与组件的dom子代进行比较。 click事件包含“path”之类的属性，该属性似乎包含事件经过的dom
-
使用此答案中的代码解决单击组件外部的问题： 我不知道如何对不愉快的路径进行单元测试，以使警报不运行，目前为止我得到了什么： 我尝试过： 通过
-
问题内容： 使用此答案中的代码来解决在组件外部单击的问题： 我不知道如何对不愉快的道路进行单元测试，以使警报不会运行，到目前为止，我得到了什么： 我试过了： 通过发送 节点并发送通过（不模拟） 荷兰国际集团在元件内部（不触发事件侦听器） 我确定我缺少一些小东西，但是我在任何地方都找不到这样的例子。 问题答案： import { mount } from ‘enzyme’ import React
-
问题内容： 我有一个id为“ content- area”的div，当用户在该div之外单击时，我想提醒他们他们在该div之外单击的事实。我将如何使用JavaScript解决此问题？ 问题答案： 用纯Javascript 看看这个小提琴，看看这就是你所追求的！
-
问题内容： 我将将此d3gauge.js文件导入我的angular2组件文件之一。 然后在相应的模板文件中添加 但这是行不通的，无法找到。 所以， 将外部js文件导入angular2的正确步骤是什么？ 由于我使用的是webpack，是否可以在webpack中进行？我指的是这个问题，由于无法解决，因此webpack解决方案对我不起作用。 问题答案： 理想情况下，您需要具有用于键入的文件才能正常工作。
-
问题内容： 当在下拉组件外部单击时，我想关闭下拉菜单。 我怎么做？ 问题答案： 在我添加的元素中，像这样： 然后在父母中，我这样做： 该是一个布尔值，当显示在我的情况下，日历和隐藏它。