angular使用event事件

在Angular中，事件是通过事件绑定来实现的。事件绑定是通过方括号或圆括号来实现的。方括号用于属性绑定，圆括号用于事件绑定。

例如，我们可以使用以下代码监听点击事件：

<button (click)="onClick()">Click me</button>

在组件类中定义一个onClick()方法来处理点击事件：

export class MyComponent {
  onClick() {
    console.log('Button clicked');
  }
}

我们还可以使用$event对象来访问事件的详细信息。例如，如果我们想要获取鼠标点击的坐标，可以使用以下代码：

<button (click)="onClick($event)">Click me</button>

在组件类中，我们可以使用$event对象来访问鼠标点击的坐标：

export class MyComponent {
  onClick(event: MouseEvent) {
    console.log('Button clicked', event.clientX, event.clientY);
  }
}

除了click事件，Angular还支持其他事件，如keyup、keydown等。我们可以使用类似的方法来监听这些事件。