如何使用HostListener

Question

I am wondering how can I use @HostListener . The only info I've found, was in the cheatsheet :

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

I am trying to log the element that user has clicked on. I've tried like that:

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

But then I receive an error of:

TypeError: decorator is not a function(…)

Any ideas?

Answer 1

The error message is quite accurate. A decorator is just for decorating a function (or a class, field, parameter, ...) Just put it before the code you want to decorate:

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