绑定到用户的输入事件:
你可以使用 Angular 事件绑定机制来响应任何 DOM 事件。 许多 DOM 事件是由用户输入触发的。绑定这些事件可以获取用户输入。
$event
对象的属性取决于 DOM 事件的类型。例如,鼠标事件与输入框编辑事件包含了不同的信息。
所有标准 DOM 事件对象都有一个target
属性, 引用触发该事件的元素。 在本例中,target
是<input>
元素, event.target.value
返回该元素的当前内容。
1. 点击事件的绑定
<button (click)="onClickMe()">Click me!</button>
2. 获取用户输入,绑定输入框的keyup
事件,在每个敲击键盘时获取用户输入。
<input (keyup)="onKey($event)">
3. 敲回车键事件keyup.enter
事件。只有当用户敲回车键时,Angular 才会调用事件处理器。
<input (keyup.enter)="onEnter(box.value)">
4. 失去焦点事件bulr
<input (blur)="update(box.value)">