事件处理
事件绑定
通过事件绑定,你可以侦听并响应用户操作,例如按键、鼠标移动、点击和触摸。
使用事件绑定语法
要为 HTML 元素绑定事件,需要使用 aip-on
指令,然后属性的值可以是任意的变量,模板表达式,例如绑定一个 id 属性:
<div aip-on:click="console.log('hello world')">Greeting</div>
1
使用事件绑定快捷语法
除了使用 aip-on
来绑定事件外,还可以通过大括号 ()
来快速为元素绑定事件,这本质是 aip-on 的语法糖:
<div (click)="console.log('hello world')">Greeting</div>
1
事件对象($event)
如果你想在表达式中访问 Javascript 事件对象,AIP 给你提供了魔法值 $event
对象,它代表本次调用的事件对象。
<div id="developer" (click)="console.log($event.target.id)">Greeting</div>
1