Cú pháp Include trong AngularJS
HTML không hỗ trợ nhúng trang web HTML trong trang HTML. Để đạt được chức năng này có thể sử dụng các phương thức sau:
Sử dụng Ajax - Tạo một server call để nhận trang HTML tương ứng và thiết lập nó trong thành phần innerHTML của phần điều khiển HTML.
Sử dụng Server Side Includes - JSP, PHP và các công nghệ web server khác có thể include HTML page trong một trang trang web động.
Với AngularJS, chúng ta có thể nhúng trang HTML sử dụng ng-include directive.
Ví dụ
cuphapInclude.htmlmain.htmlCu Phap Include trong AngularJS Ung dung AngularJS
Nhap ho: | |
Nhap ten: | |
Ho va Ten: | {{sinhvien.hoten()}} |
Mon Hoc:
Ten | Diem thi |
---|---|
{{ monhoc.ten }} | {{ monhoc.diemthi }} |
Kết quả
Để chạy ví dụ này, bạn cần phần tạo ra các tệp cuphapInclude.html, main.html, tenMonHoc.html với webserver. Mở trang cuphapInclude.html sử dụng địa chỉ địa chỉ URL trên server và xem kết quả.
Bài học Angular phổ biến tại hoconline.club:
Bài viết liên quan