Angular2，HostListener，我如何定位一个元素?我可以根据课程定位吗? [英] Angular2, HostListener, how can I target an element? can I target based on class?

问题描述

在 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: Unsupported event target undefined for event 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() 仅支持 window、document 和 body 作为全局事件目标，否则只支持组件宿主元素.

@HostListener() only supports window, document, and body as global event targets, otherwise it only supports the components host element.

这篇关于Angular2，HostListener，我如何定位一个元素?我可以根据课程定位吗?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！