Angular2,HostListener,我如何定位一个元素?我可以根据课程进行定位吗? [英] Angular2, HostListener, how can I target an element? can I target based on class?
本文介绍了Angular2,HostListener,我如何定位一个元素?我可以根据课程进行定位吗?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
在Angular2中,如何在HostListener装饰器中定位元素?
In Angular2, how can I target an element within the HostListener decorator?
@HostListener('dragstart', ['$event'])
onDragStart(ev:Event) {
console.log(ev);
}
@HostListener('document: dragstart', ['$event'])
onDragStart(ev:Event) {
console.log(ev);
}
@HostListener('myElement: dragstart', ['$event'])
onDragStart(ev:Event) {
console.log(ev);
}
@HostListener('myElement.myClass: dragstart', ['$event'])
onDragStart(ev:Event) {
console.log(ev);
}
这两个第一个工作。我试过的任何其他事情都会引发一个 EXCEPTION:不支持的事件目标未定义为事件dragstart
The two first work. Any other thing I've tried raises an EXCEPTION: Unsupported event target undefined for event dragstart
所以,我可以实现它到目标元素?如何?
So, can I implement it to a targeted element? How?
推荐答案
@HostListener()
只支持窗口
,文档
和 body
作为全局事件目标,否则只支持组件主机元素。
@HostListener()
only supports window
, document
, and body
as global event targets, otherwise it only supports the components host element.
这篇关于Angular2,HostListener,我如何定位一个元素?我可以根据课程进行定位吗?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文