要绑定到事件,请使用Angular的事件绑定语法。此语法由等号左侧括号中的目标事件名称和右侧引号中的模板语句组成。在下面的示例中,目标事件名称是click,模板语句是onSave()。事件绑定监听按钮的点击事件,并在点击发生时调用组件的onSave()。Spartacus的示例:$event是事件对象。$event对象通常包含该方法所需的信息,例如用户名或图像URL。目标事件决定了$event对象的形状。如果目标事件来自原生DOM元素,则$event是一个具有target和target.value等属性的DOM事件对象。看这个例子:输入控件的值绑定到组件的currentItem.name属性。每当输入控件的输入事件被触发时,getValue返回的结果将赋值给Component属性currentItem.name。此绑定将在包含DOM事件对象$event的上下文中执行语句。Angular将通过调用getValue($event.target)获取更改的文本,并用它更新name属性。在模板中,$event.target的类型就是EventTarget。在getValue()方法中,将此对象转换为类型HTMLInputElement以允许对其value属性进行类型安全访问。这个Spartacus示例展示了如何使用TypeScript代码来确定按钮上触发的用户交互事件是由鼠标单击按钮还是键盘单击按钮引起的。关闭(事件:MouseEvent|KeyboardEvent){event.preventDefault();if(eventinstanceofMouseEvent){this.eventSubject.next(PopoverEvent.CLOSE_BUTTON_CLICK);}else{this.eventSubject.next(PopoverEvent.CLOSE_BUTTON_KEY}DOWN);Jerry的很多原创文章都在这里:《王子熙》:
