在Angular 2中对类/ID执行事件

我在安圭拉完全是个新手。我的问题是如何在相同的类上执行公共事件，在Jquery中这样做非常容易，但我无法找到在Angular2中实现它的方法。例如：

<input class="perform" value="Hello Angular" />
<input class="perform" value="Hello World" />

---

但是，我们如何才能在Angular2实现同样的目标呢。请提供帮助。

您可以像在jQuery中一样使用元素引用来获取元素，然后像在jQuery中那样添加事件侦听器

例子 如果您需要做一些与样式相关的事情，您也可以用这种方式来做，但不确定单击是否可以在查询选择器上工作

   this.elementRef.nativeElement.querySelector('.perform').style.display = cancelEdit ? 'flex' : 'none';

---

您可以像在jQuery中一样使用元素引用来获取元素，然后像在jQuery中那样添加事件侦听器

例子 如果您需要做一些与样式相关的事情，您也可以用这种方式来做，但不确定单击是否可以在查询选择器上工作

   this.elementRef.nativeElement.querySelector('.perform').style.display = cancelEdit ? 'flex' : 'none';

Create指令（注意，

selector

可以是任何有效的css选择器语句，不一定是简单属性）

@指令({
选择器：[myKoolClickHandler]
})
导出类MyKoolClickHandlerDirective{
构造函数（）{}
@HostListener（'click'）onClick（）{
控制台日志（“单击”）；
}
}
//模板中
你好
你好！

Create指令（注意，

selector

可以是任何有效的css选择器语句，不一定是简单属性）

@指令({
选择器：[myKoolClickHandler]
})
导出类MyKoolClickHandlerDirective{
构造函数（）{}
@HostListener（'click'）onClick（）{
控制台日志（“单击”）；
}
}
//模板中
你好
你好！

但为此，我必须为所有输入元素绑定（单击）事件，我不想这样做。是否有其他方法。请尝试查看查询选择器上是否有任何事件绑定。查看所有可用的方法

this.elementRef.nativeElement.querySelector（'.perform'）

我不记得Angular中还有其他内容，但为此，我必须为所有输入元素绑定（单击）事件，我不想这样做。是否有其他方法。请尝试查看查询选择器上是否有任何事件绑定。查看所有可用的方法

this.elementRef.nativeElement.querySelector（'.perform'）

我不记得Angular中还有什么其他内容，这里有一篇文章试图做同样的事情。这里有一篇文章试图做同样的事情。

makeClick(event: any) {
  //this is where you handle the event
}

   this.elementRef.nativeElement.querySelector('.perform').style.display = cancelEdit ? 'flex' : 'none';

@Directive({
    selector: [myKoolClickHandler]
})
export class MyKoolClickHandlerDirective{
    constructor(){}

    @HostListener('click') onClick() {
        console.log("clicked");
    }
}

//in template
<div my-kool-click-handler>Hi!</div>
<div my-kool-click-handler>Hi again!</div>