Xử lý sự kiện với Event Binding

Cho đến bây giờ, tất cả các dữ liệu liên kết của chúng ta đều là một chiều từ component class tới thuộc tính element, nhưng có những lúc chúng ta cần gửi thông tin từ người dùng phản hồi về lại component class, ví dụ như khi người dùng thực hiện thao tác click chuột vào một button.

Một component để có thể lắng nghe các hàng động của người dùng bằng các sử dụng event binding như ví dụ dưới đây.

Chúng ta cũng nhận thấy, cú sử dụng event binding có phần giống như property binding. Trong ví dụ này, component lắng nghe sự kiện click trên button. Tên của sự kiện được bao bởi dấu ngoặc đơn còn được gọi là Target Event. Phía bên phải sau dấu “=” là template statement. Nó thường là tên của một phương thức trong component class theo sau đó là dấu (). Nếu như có sự kiện xảy ra, template stagement này sẽ thực hiện gọi phương thức đã được định nghĩa trong component.