如何为自定义元素使用HostListener？ （角2）

Question

我可以使用HostListener文档听：

@HostListener('document:click', ['$event']) 
someAction(event) { 
    console.log('done'); 
} 

我如何监听click事件元素。例如：

<span class="someClass"></span> 

Answer 1

冈特的答案是正确的，但你可以用一个HostListener指令使用的更多的全球意义（如喜欢/喜欢按钮）。

@Directive({ 
selector: '.favorite' 
}) 
class FavoriteDirective(){ 
@HostListener('click', ['$event.target']) onClick(_element) { 
    ... 
    } 
} 

Answer 2

@HostListener('click', ['$event'])是监听主机元素本身的事件。没有其他用例可以使用。

一个例外是全局事件，例如您使用全局事件目标，如window:,document:或body。

要监听任意元素使用

<span class="someClass" (click)="someAction($event)"></span>