Hướng dẫn render variable in html angular - kết xuất biến trong html góc

Trong ứng dụng Angular 4 của tôi, tôi có một chuỗi như

comment: string;
comment = "

abc

";

Khi tôi phục vụ văn bản này trong HTML của mình, như

{{comment}}

Sau đó, nó hiển thị:

abc

Nhưng tôi cần hiển thị văn bản "ABC" ở dạng in đậm và in nghiêng, như ABCabc

Tôi có thể làm cái này như thế nào?

hỏi ngày 27 tháng 2 năm 2018 lúc 16:15Feb 27, 2018 at 16:15

Hướng dẫn render variable in html angular - kết xuất biến trong html góc

0

Sử dụng ràng buộc thuộc tính cú pháp dòng chảy một chiều:property binding:

Từ các tài liệu Angular: "Angular nhận ra giá trị là không an toàn và tự động vệ sinh nó, loại bỏ thẻ

Trong ứng dụng này, tôi đã sử dụng thư viện dịch Ngx-dịch. Tôi có một tiêu đề, bộ chọn ngôn ngữ và một liên kết được hiển thị động.ngx-translate. I have a header, language selector, and a dynamically rendered link.

Để tái cấu trúc điều này theo cách tiếp cận mà không có bên trong,innerHtml,

1. Cập nhật từng tệp dịch để có SXM_LINK.TEXT ,,

Với bên tronginnerHtml:

Atal Bihari Vajpayee Viện công nghệ thông tin & quản lý Ấn Độ Gwalior

B M S College of Engineering Basavanagudi, Bangalore

Học viện Công nghệ Thông tin Vishwakarma của B.R.A.C.T, Kondhwa

Bansilal Ramnath Agarawal Charitable Trust's Học viện Công nghệ Vishwakarma, Bibwewadi, Pune

Học viện Công nghệ Sardar Patel của Bhartiya Vidya Bhavan, Andheri, Mumbai

Viện Công nghệ Bhilai, Nhà Bhilai, Durg

Học viện Công nghệ Birla, Goa

Học viện Công nghệ Birla, Hydrabad

Viện Công nghệ Birla, Mesra, Ranchi

Viện Công nghệ Birla, Pilani, Rajasthan

Viện Công nghệ Chaitanya Bharathi

Viện Công nghệ Coimbatore (tự trị)

Đại học Kỹ thuật, Pune

Dayananda Sagar College of Engineering Bangalore

Học viện thông tin Dhirubhai Ambani. & Comm. Công nghệ.,

DTU Delhi

Khoa Công nghệ & Kỹ thuật (MSU), Vadodara

Khoa Công nghệ và Kỹ thuật (GIA), Đại học Dharmsinh Desai, (DDU), Nadiad

Chính phủ. Cao đẳng Kỹ thuật, Raipur

Iiit Delhi

IIIT Hyderabad

Viện Khoa học và Công nghệ Kỹ thuật Ấn Độ, Shibpur

Viện Công nghệ Thông tin Ấn Độ (IIIT) Pune

Viện Công nghệ Thông tin Ấn Độ (IIIT) Kota, Rajasthan

Viện công nghệ thông tin Ấn Độ Surat

Viện Công nghệ Thông tin Ấn Độ (IIIT) Kilohrad, Sonepat, Haryana

Viện Công nghệ Thông tin Ấn Độ (IIIT), Vadodara, Gujrat

Viện Công nghệ Thông tin, Thiết kế & Sản xuất Ấn Độ, Kancheepuram

Viện Công nghệ Ấn Độ (BHU) Varanasi

Viện Công nghệ Ấn Độ (ISM) Dhanbad

Viện Công nghệ Ấn Độ Bhilai

Viện Công nghệ Ấn Độ Bhubaneswar

Viện Công nghệ Ấn Độ Bombay

Viện Công nghệ Ấn Độ Delhi

Viện Công nghệ Ấn Độ Dharwad

Viện Công nghệ Ấn Độ Gandhinagar

Viện Công nghệ Ấn Độ Goa

Viện Công nghệ Ấn Độ Guwahati

Viện Công nghệ Ấn Độ Hyderabad

Viện Công nghệ Ấn Độ Indore

Viện Công nghệ Ấn Độ Jammu

Viện Công nghệ Ấn Độ Jodhpur

Viện Công nghệ Ấn Độ Kanpur

Viện Công nghệ Ấn Độ Kharagpur

Viện Công nghệ Ấn Độ Madras

Viện công nghệ Ấn Độ Mandi

Viện công nghệ Ấn Độ Palakkad

Viện công nghệ Ấn Độ Patna

Viện công nghệ Ấn Độ Roorkee

Viện công nghệ Ấn Độ ropar

Viện Công nghệ Ấn Độ Tirupati

Viện Kỹ thuật & Công nghệ, Lucknow (0052)

Viện Công nghệ, Đại học Khoa học & Công nghệ Nirma, Ahmedabad

Viện công nghệ thông tin quốc tế, Bhubaneswar

Viện công nghệ thông tin quốc tế, Naya Raipur

Đại học Jadavpur

Đại học Khoa học và Công nghệ JSS (trước đây là SJCE) Mysore

L.D.College of Engineering, Ahmedabad

Học viện Công nghệ M S Ramaiah Bangalore

Viện công nghệ quốc gia Malaviya Jaipur

Viện công nghệ quốc gia Maulana Azad Bhopal

Viện công nghệ quốc gia Motilal Nehru Allahabad

Viện công nghệ quốc gia Calicut

Viện Công nghệ Quốc gia Delhi

Viện Công nghệ Quốc gia Durgapur

Viện công nghệ quốc gia Hamirpur

Viện công nghệ quốc gia Karnataka, Surathkal

Viện công nghệ quốc gia Patna

Viện Công nghệ Quốc gia Raipur

Viện Công nghệ Quốc gia Andhra Pradesh

Viện công nghệ quốc gia Jamshedpur

Viện Công nghệ Quốc gia Rourkela

Viện công nghệ quốc gia Silchar

Viện Công nghệ Quốc gia Tiruchirappalli

Viện Công nghệ Quốc gia Warangal

Đại học Công nghệ Netaji Subhas, New Delhi (NSUT Delhi)

Đại học P E S (Khuôn viên thành phố điện tử) Bangalore

Đại học P E S (Khuôn viên Đường vòng) Bangalore

Đại học Dầu khí Deendayal, Gandhinagar

Ủy thác Giáo dục Pimpri Chinchwad, Đại học Kỹ thuật Pimpri Chinchwad, Pune

Pt. Dwarka Prasad Mishra Viện công nghệ thông tin, thiết kế & sản xuất Jabalpur

Viện Công nghệ Máy tính Pune, Dhankavdi, Pune

Trường Cao đẳng Kỹ thuật Punjab, Chandigarh

R. V. College of Engineering Bangalore

Viện công nghệ quốc gia Sardar Vallabhbhai, Surat

Trường Kỹ thuật và Khoa học Ứng dụng, Ahmedabad

Shri Vile Parle Kelvani Mandal's Dwarkadas J. Sanghvi College of Engineering, Vile Parle, Mumbai

Sri Jayachamarajendra College of Engineering (Const. Của JSS Univ.) Mysore

Sri Sivasubramaniya Nadar College of Engg (tự trị)

Viện Kỹ thuật Quốc gia Mysore

Đại học Kỹ thuật Thiagara (tự trị)

Đại học Visveswariah Đại học Kỹ thuật Bangalore

Trường Cao đẳng Kỹ thuật Vasavi

Viện công nghệ Veermata Jijabai (VJTI), Matunga, Mumbai

Trường Cao đẳng Kỹ thuật Chính phủ Vishwakarma, Chandkheda, Gandhinagar

Viện công nghệ quốc gia Visvesvaraya, Nagpur

Vit Vellore

Đại học Kỹ thuật Walchand, Sangli

Một trong những bit

Một trong những IIT

Một trong những nits

Coep

VJTI, Mumbai

Khác

Làm cách nào để hiển thị một chuỗi với thẻ HTML trong Angular 8?

Để hiển thị một chuỗi HTML trong góc, chúng ta có thể sử dụng thuộc tính bên trong bằng cách liên kết một chuỗi với nó. Thuộc tính InsideHTML vệ sinh HTML, để ứng dụng của bạn an toàn trước các cuộc tấn công kịch bản chéo trang (XSS).use the innerHTML property by binding a string to it. The innerHTML property sanitizes the html, so that your app is safe from the cross-site scripting attacks(XSS).

Làm thế nào để bạn hiển thị HTML trong HTML?

Đánh dấu văn bản, chuyển đến menu> TextFX> TextFX Convert> Encode HTML (& ") → Xong ...
Thay thế & ký tự bằng & amp ;.
Thay thế
Thay thế ký tự> bằng & gt ;.
Tùy chọn bao quanh mẫu HTML của bạn với và/hoặc thẻ ..

Làm cách nào để khai báo một biến trong HTML trong Angular 6?

Bạn có thể khai báo các biến trong mã HTML bằng cách sử dụng phần tử mẫu trong angular 2 hoặc ng-blated trong góc 4+.Các mẫu có một đối tượng ngữ cảnh có thuộc tính có thể được gán cho các biến bằng cách sử dụng cú pháp liên kết.Lưu ý rằng bạn phải chỉ định một ổ cắm cho mẫu, nhưng nó có thể là một tham chiếu đến chính nó.using a template element in Angular 2 or ng-template in Angular 4+. Templates have a context object whose properties can be assigned to variables using let binding syntax. Note that you must specify an outlet for the template, but it can be a reference to itself.

Làm cách nào để hiển thị một chuỗi trong HTML?

Để hiển thị chuỗi HTML trong React, chúng ta có thể sử dụng thuộc tính DangeroSsetInnerHTML là phiên bản React của thuộc tính Dom InsideHTML.Thuật ngữ này một cách nguy hiểm được sử dụng ở đây để thông báo cho bạn rằng nó sẽ dễ bị các cuộc tấn công kịch bản trang web (XSS) dễ bị tổn thương.use the dangerouslySetInnerHTML attribute which is a react version of dom innerHTML property. The term dangerously is used here to notify you that it will be vulnerable to cross-site scripting attacks (XSS).