组件上的角度单击事件将内部元素发送为目标
我在角度组件上有一个单击事件：
import { Component } from "@angular/core";
@Component({
template: `
<hello (click)="onClick($event)"></hello>
`
})
export class AppComponent {
onClick(e) {
alert("Click on TAG: " + e.target.tagName);
}
}
请参阅在线演示：https://stackblitz.com/edit/angular-ivy-zxmsnc?file=src/app/app.component.ts
为什么是事件。目标是组件的内部元素，而不是组件本身？
共有1个答案
那是因为事件。目标指触发事件的元素。
我想您正在寻找事件。currentTarget，它引用事件侦听器附加到的元素。
-
问题内容： 我知道有很多问题问类似的事情。但没人能真正解决我的问题。 我正在尝试建立一个指令，当在当前元素之外单击鼠标时，该指令将执行一个表达式。 为什么需要此功能？我正在构建一个应用程序，在此应用程序中，有3个下拉菜单，5个下拉列表（如所选）。所有这些都是角度指令。让我们假设所有这些指令都是不同的。因此，我们有8个指令。它们都需要相同的功能：在元素旁边单击时，需要隐藏下拉菜单。 我对此有2个解决
-
为什么我需要这个功能？我正在建立一个应用程序，在这个应用程序，有3下拉菜单，5下拉列表（喜欢选择）。所有这些都是角指令。让我们假设所有这些指令都是不同的。所以我们有8个指令。它们都需要一个相同的功能：当点击元素的侧面时，需要隐藏下拉菜单。 我有两个解决方案，但都有问题： 解决方案A： 解决方案B在我的应用程序中工作，我现在正在使用。但问题是它会导致性能问题。太多的点击事件处理每一个单一的点击在应用
-
问题内容： 我有一个。 如何在双击事件中做出反应？ 问题答案：
-
问题内容： 我在ui网格的columDefs中使用headerCellTemplate（不是ng- grid，而是新的重写）。在html中，我有一个复选框。本质上，我试图在作为所有复选框的列的标题中添加一个复选框，以便可以检查所有/无。带有复选框的单元格可以正常显示。问题在于标题中复选框中的ng- change永远不会触发该事件。另外，ng- model值永远不会改变。查看代码，有一个名为uiGr
-
这是我的html，当我单击option（选项）时，它将打开输入类型框，然后我输入它要添加的值以选择选项 我的类型脚本是，
-
问题内容： 当在下拉组件外部单击时，我想关闭下拉菜单。 我怎么做？ 问题答案： 在我添加的元素中，像这样： 然后在父母中，我这样做： 该是一个布尔值，当显示在我的情况下，日历和隐藏它。