AngularJS bao gồm tệp HTML

ng-bao gồm ví dụ

Giả sử chúng ta đang có trang web tĩnh html gồm 100 trang. Chúng tôi có menu đầu trang và menu chân trang chung. Vì vậy, chúng tôi đã sao chép và dán nó vào tất cả 100 trang. Và trong tương lai nếu chúng ta cần sửa đổi menu thì chúng ta phải làm điều đó trong cả 100 trang, điều này khá khó khăn

Nhưng chỉ thị ng-gộp giúp thêm động trang html vào ứng dụng. Chúng tôi có thể tạo trang html riêng cho cả đầu trang và chân trang. Và chúng tôi có thể bao gồm điều này với sự trợ giúp của ng-include

AngularJS có một lệnh tích hợp để bao gồm chức năng từ các tệp AngularJS khác bằng cách sử dụng lệnh ng-include. Mục đích chính của lệnh ng-include được sử dụng để tìm nạp, biên dịch và đưa tệp HTML bên ngoài vào ứng dụng AngularJS chính. Chúng được thêm dưới dạng các nút con trong ứng dụng chính. Giá trị của thuộc tính ng-gộp cũng có thể là một biểu thức, biểu thức này trả về tên tệp. Nó được hỗ trợ bởi tất cả các phần tử HTML.  

cú pháp

    Content...

Ghi chú. Ở đây, tham số onload và autoscroll là tùy chọn, onload xác định một biểu thức để đánh giá thời điểm tệp đi kèm được tải và autoscroll xác định xem phần được bao gồm có thể cuộn vào một chế độ xem cụ thể hay không

ví dụ 1. Ví dụ này mô tả Chỉ thị ng-gộp của AngularJS bằng cách tìm nạp dữ liệu từ phần tử con. tệp html

Tệp HTML bên ngoài. Lưu tệp này khi còn nhỏ. html.  

HTML

Hello Geeks from include component.

mục lục. html.  

HTML

4_______4__________676>

4_______4__________4>0_______8_______

đầu ra

ví dụ 2. Ví dụ này mô tả Chỉ thị ng-gộp của AngularJS bằng cách tìm nạp dữ liệu ở định dạng bảng từ bảng. tệp html

Làm cách nào để đưa tệp HTML vào AngularJS?

Làm cách nào để đưa tệp vào AngularJS?

Làm cách nào để tải HTML trong Angular?

Làm cách nào để mở tệp HTML trong Angular?