Liên kết trình xử lý sự kiện trong template Angular
Trong Angular, các trình xử lý sự kiện được liên kết với các thẻ một cách đặc biệt - thông qua các thuộc tính. Tên sự kiện được chỉ định trong dấu ngoặc tròn, và trong giá trị của thuộc tính, phương thức của lớp component được gọi, phương thức này sẽ thực thi khi sự kiện đó xảy ra.
Ví dụ, hãy làm sao cho khi
nhấp vào nút, phương thức show
của lớp component được thực thi:
<button (click)="show()">
button
</button>
Bây giờ hãy viết phần triển khai phương thức show
trong lớp component:
export class AppComponent {
public show(): void {
alert('test');
}
}
Tạo hai nút. Khi nhấp vào nút đầu tiên, hãy chào người dùng, còn khi nhấp vào nút thứ hai - hãy tạm biệt họ.
