Angular 带有@HostListener（）装饰符的事件数据

如何获取事件数据（即，

$event

）我在这里获得：

<button (click)="doSomething($event)">

---

它是未定义的<代码>：（

我假设您的HostListener是某种指令的一部分，可能应该在按钮上使用？然后您必须执行以下操作： --单击-me.directive.ts

@Directive({
    selector: '[appClickMe]'
})

export class ClickMeDirective {

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

然后你用这个指令

<button appClickMe > Click me</button>

希望这有帮助！！

改变这一点

@HostListener('click') onClick($event) {
  ...
}

对此

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

doSomething($event) {
    console.log($event);
}

@HostListener('click') onClick($event) {
  ...
}

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