hostbinding - hostlistener click angular 4

Cómo usar HostListener

Question

Me pregunto cómo puedo usar @HostListener . La única información que he encontrado, estaba en la cheatsheet :

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

Estoy intentando registrar el elemento en el que el usuario ha hecho clic. Lo he intentado así:

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

Pero luego recibo un error de:

TypeError: decorator is not a function(…)

¿Algunas ideas?

Answer 1

El mensaje de error es bastante exacto. Un decorador es solo para decorar una función (o una clase, campo, parámetro, ...) Simplemente colóquelo antes del código que desea decorar:

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