Làm thế nào để sử dụng InnerHTML từ mã TypeScript với Angular 2 RC4? . Khi người dùng nhấp vào một nút cụ thể, tôi muốn thêm một số mã HTML đã được biên dịch trước đó. Ví dụ
Nội dung chính Hiển thị
thảo luận mã
private addHTML[] {
// the html go there I suppose, I don't know how to implement this part
}
Mã HTML
My HTML code
ADD
Hoặc có thể đây là một cách sai. Please for me know, thank before
Được hỏi ngày 17 tháng 9 năm 2016 lúc 22. 38 17 Tháng chín 2016 lúc 22. 38
Daniel Zarioiudaniel Zarioiu Daniel Zarioiu
1151 Huy hiệu vàng4 Huy hiệu bạc9 Huy hiệu đồng1 huy hiệu vàng4 huy hiệu bạc9 huy hiệu đồng
Một cái gì đó như thế này có thể
htmlYouWantToAdd;
private addHTML[] {
this.htmlYouWantToAdd = "Some HTML you want to display";
}
And HTML of you
My HTML code
ADD
Đã trả lời ngày 17 tháng 9 năm 2016 lúc 23. 13 17 Tháng chín 2016 lúc 23. 13
Stefan Svrkotastefan Svrkota Stefan Svrkota
46. 8K8 Huy hiệu vàng96 Huy hiệu bạc87 Huy hiệu đồng8 Huy hiệu vàng96 Huy hiệu bạc87 Huy hiệu đồng
3
Giới thiệu
Angular 2+ Support a liên kết thuộc tính
My HTML code
ADD
3 sẽ hiển thị HTML. Nếu bạn sử dụng phép nội suy, nó sẽ được coi là một chuỗiTrong bài viết này, bạn sẽ được trình bày cách sử dụng
My HTML code
ADD
3 và một số cân nhắc về việc sử dụngĐiều kiện tiên quyết
Nếu bạn muốn theo dõi cùng với bài viết này, bạn sẽ cần
- Một số quen thuộc với nội suy góc và liên kết tài sản cũng có thể hữu ích
Bước 1 - Sử dụng innerHTML
Với mục đích của bài viết này, giả sử bạn đang làm việc với một phần có chứa
My HTML code
ADD
0 bao gồm hỗn hợp các thực thể và phần tử HTML và các phần tử HTML. export class ExampleComponent {
htmlStr: string = 'Plain Text Example & Bold Text Example';
}
Hãy cùng xem xét một mẫu sử dụng phép nội suy trên chuỗi này
________số 8Sau khi biên dịch, mã này sẽ tạo ra kết quả
Ví dụ văn bản đơn giản &
HTML thực và các yếu tố HTML không được hiển thị
Bây giờ, hãy xem xét một mẫu sử dụng thuộc tính
My HTML code
ADD
3 ràng buộc trên chuỗi này
My HTML code
ADD
0Sau khi biên dịch lại, mã này sẽ tạo ra kết quả
Ví dụ văn bản đơn giản và ví dụ văn bản táo bạo Ví dụ văn bản đậm
Quan sát rằng các HTML thực và các yếu tố HTML được hiển thị
Bước 2 - Hiểu những hạn chế
HTML xuất ra thường có khả năng giới thiệu bản kịch trang web chéo [XSS]. HTML được xuất ra có thể chứa các tập lệnh độc hại trình bày một vấn đề bảo mật
Một phương pháp giải quyết XSS là bằng cách hạn chế các loại phần tử và thuộc tính HTML cho một tập hợp các phần tử và thuộc tính an toàn đã biết
Đằng sau
Lưu ý. Danh sách đầy đủ các phần tử và thuộc tính HTML được duyệt có thể được quan sát trong
My HTML code
ADD
14. Danh sách đầy đủ các thành phần và thuộc tính HTML đã được phê duyệt có thể được quan sát trong ____14Điều này sẽ giới hạn các giá trị
My HTML code
ADD
3 của bạn khi sử dụng các thẻ
My HTML code
ADD
6 và
My HTML code
ADD
7 và các thuộc tính
My HTML code
ADD
8. Hãy ghi nhớ giới hạn này khi chọn sử dụng
My HTML code
ADD
3Kết luận
Trong bài viết này, bạn đã được giới thiệu về ràng buộc tài sản
My HTML code
ADD
3 trong Angular 2+. Nó sẽ dẫn đến việc hiển thị đánh dấu HTML có trong một chuỗiNếu bạn muốn tìm hiểu thêm về Angular, hãy xem trang chủ đề Angular của chúng tôi để chọn các bài tập và các dự án lập trình
Chủ Đề