Phần tử HTML DOM trong AngularJS
Những directive dưới đây có thể được sử dụng để bind dữ liệu trong ứng dụng tới các thuộc tính trong phần tử HTML DOM.
| STT | Tên | Miêu tả |
|---|---|---|
| 1 | ng-disabled | vô hiệu hóa một điều khiển (control) đã cung cấp |
| 2 | ng-show | Hiển thị một điều khiển đã cung cấp |
| 3 | ng-hide | Ẩn một điều khiển đã cung cấp |
| 4 | ng-click | Biểu diễn một sự kiện click chuột trong AngularJS |
Giới thiệu ng-disabled directive trong AngularJS
Thêm thuộc tính ng-disable vào một nút HTML và gắn dữ liệu này với model. Gắn kết model tới một checkbox quan sát sự thay đổi.
Vo hieu hoa nut
Giới thiệu ng-show directive trong AngularJS
Thêm thuộc tính ng-show vào nút HTML và gắn nó cho model. Gắn kết model đến một checkbox quan sát sự thay đổi.
Hien thi nut
Giới thiệu ng-hide directive trong AngularJS
Thêm thuộc tính ng-hide vào nút HTML và gắn nó cho model. Gắn kết model đến một checkbox quan sát sự thay đổi.
An nut
Giới thiệu ng-click directive trong AngularJS
Thêm thuộc tính ng-click vào Nút HTML và gắn nó cho model. Gắn kết model đến hmtl quan sát sự thay đổi.
Tong luong click: {{ demluongclick }}
Ví dụ
Dưới đây là toàn bộ ví dụ cho phần mô tả đã đề cập phía trên.
phantuHTMLDOM.htmlPhan tu HTML DOM trong AngularJS Ung dung AngularJS
Vo hieu hoa nut Hien thi nut An nut Tong luong click: {{ demluongclick }}
Kết quả
Mở trang phantuHTMLDOM.html trên trình duyệt web và xem kết quả. Nếu bạn click lần lượt vào các nút trên, kết quả sẽ là:
Bài học Angular phổ biến tại hoconline.club: