Как использовать HostListener

Question

Мне интересно, как я могу использовать @HostListener. Единственная информация, я нашел, был в cheatsheet:

@HostListener('click', ['$event']) onClick(e) {...} 

Я пытаюсь войти элемент, который пользователь нажал на. Я пробовал так:

@HostListener('click')({ 
    onClick(e) { 
     console.log(e) 
    } 
}) 

Но тогда я получаю ошибку:

TypeError: decorator is not a function(…) 

Любые идеи?

Answer 1

Сообщение об ошибке довольно точно. Декоратор предназначен только для украшения функции (или класса, поля, параметра, ...). Просто поставьте его перед кодом, который вы хотите украсить:

@HostListener('click', ['$event']) 
onClick(e) { 
    console.log(e) 
}