Jak używać HostListener

Question

Zastanawiam się, jak mogę użyć @HostListener. Jedynym informacji znalazłem, był w cheatsheet:

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

Próbuję zalogować element, który użytkownik kliknął. Próbowałem tak:

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

Ale wtedy otrzyma błąd:

TypeError: decorator is not a function(…) 

jakieś pomysły?

Answer 1

Komunikat o błędzie jest dość dokładny. Dekorator służy tylko do dekoracji funkcji (lub klasy, pola, parametru, ...) Wystarczy umieścić go przed kodem, który chcesz ozdobić:

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