Come usare HostListener

Question

Mi chiedo come posso usare @HostListener. L'unica informazione che ho trovato, era in cheatsheet:

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

Sto cercando di registrare l'elemento che l'utente ha cliccato. Ho provato così:

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

Ma poi ricevo un errore di:

TypeError: decorator is not a function(…) 

Tutte le idee?

Answer 1

Il messaggio di errore è abbastanza preciso. Un decoratore è solo per decorare una funzione (o una classe, un campo, un parametro, ...) Basta metterlo davanti al codice che si desidera decorare:

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