如何使用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)
}