Как пользователь HostListener для пользовательских элементов? (Угловой 2)

Question

я могу использовать HostListener для документа прослушивания:

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

Как я могу слушать click событий для элементов. Например:

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

Answer 1

Ответ Gunter является правильным, но вы можете сделать директиву с 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>