Liên kết tên sự kiện đích trong dấu ngoặc đơn ở bên trái của dấu bằng và phương thức hoặc câu lệnh xử lý sự kiện ở bên phải
Thí dụ. Sự kiện nhấp chuột vào nút ràng buộc
Sao chépShowỞ trên,
ShowShowShowThí dụ. Xử lý nút bấm vào sự kiện trong thành phần
Sao chép@Component[{
selector: 'event-demo,
template: 'Show'
}]
export class EventBindingDemoComponent implements OnInit {
constructor[] { }
ngOnInit[]: void {
}
onShow[] {
alert['Show button clicked!'];
}
}Ngoài ra, hãy sử dụng tiền tố on-, được gọi là dạng chính tắc
Thí dụ. tại sự kiện
ShowTheo mặc định, một sự kiện lan truyền đến sự kiện vùng chứa chính. Trong ví dụ sau, sự kiện click lan truyền đến click của div và sẽ gọi cả hai phương thức
ShowShowThí dụ. sự kiện bong bóng
________số 8
sự kiện $
Hầu hết, khi một sự kiện được phát sinh, bạn có thể cần chuyển một số giá trị cho hàm xử lý sự kiện. Giá trị này có thể là số, chuỗi hoặc đối tượng chứa thông tin về một sự kiện
Bạn có thể chuyển giá trị số hoặc chuỗi cho hàm xử lý sự kiện, như minh họa bên dưới
Thí dụ. Truyền dữ liệu sự kiện
ShowAngular bao gồm
ShowThí dụ. sự kiện $
ShowMột thành phần phải xác định phương thức
ShowThí dụ. tham số sự kiện
ShowNếu sự kiện là một sự kiện phần tử DOM riêng thì
ShowShowThí dụ. Xử lý sự kiện
ShowBạn có thể sử dụng
Show@Component[{
selector: 'event-demo,
template: 'Show'
}]
export class EventBindingDemoComponent implements OnInit {
constructor[] { }
ngOnInit[]: void {
}
onShow[] {
alert['Show button clicked!'];
}
}@Component[{
selector: 'event-demo,
template: 'Show'
}]
export class EventBindingDemoComponent implements OnInit {
constructor[] { }
ngOnInit[]: void {
}
onShow[] {
alert['Show button clicked!'];
}
}Ràng buộc dữ liệu trong góc 8. Liên kết dữ liệu là khái niệm cốt lõi của Angular 8 và được sử dụng để xác định giao tiếp giữa một thành phần và DOM. Đó là một kỹ thuật để liên kết dữ liệu của bạn với lớp xem của bạn. Nói một cách đơn giản, bạn có thể nói rằng ràng buộc dữ liệu là sự giao tiếp giữa mã bản thảo của thành phần và mẫu của bạn mà người dùng nhìn thấy
Trong bài viết này, chúng ta sẽ tìm hiểu về Data Binding trong Angular. Như chúng ta đã biết, Data Binding được sử dụng để ràng buộc dữ liệu từ Chế độ xem với Thành phần hoặc Thành phần với Chế độ xem. Trong Angular, chúng tôi có hai loại Liên kết dữ liệu khác nhau để liên kết dữ liệu từ Thành phần. tệp lớp ts vào Thành phần. html hoặc Thành phần. html sang Thành phần. ts hoặc ngược lại
Lệnh ng-bind-html là một cách an toàn để liên kết nội dung với phần tử HTML. Khi bạn cho phép AngularJS viết HTML trong ứng dụng của mình, bạn nên kiểm tra HTML để tìm mã nguy hiểm. Bằng cách bao gồm "khử trùng góc. js" trong ứng dụng của mình, bạn có thể làm như vậy bằng cách chạy mã HTML thông qua hàm ngSanitize