Эта статья является зеркальной статьёй машинного перевода, пожалуйста, нажмите здесь, чтобы перейти к оригиналу.

Architect_Programmer_Code Сельскохозяйственная сеть»Архитектор › Фронтенд-дизайн и веб › Передняя рама › Angular серия 18 (двадцать пять) Динамическая вставка, рендеринг HTML-кода ...
Вид: 1725|Ответ: 0

[Угловат] Angular серия 18 (двадцать пять) динамически вставляет отрисованный HTML-код

[Скопировать ссылку]
Опубликовано 17.10.2024 9:19:28 | | | |
Требования: Бэкенд хранит исходный код svg, и когда фронтенд загружает данные, интерфейс должен отображать иконку svg как обычно, а не HTML-код.

Как показано на следующем изображении, нужно вставить фрагмент HTML-кода в следующее место и отрендерить его:



Код:


Вставьте строку напрямую в div, и HTML будет напрямую переведён в строку.

Для динамического рендеринга исходного кода HTML нужно использовать innerHTML и DomSanitizer, код выглядит следующим образом:







Предыдущий:Угловые трубы серии 18 (двадцать четыре) для индивидуального усечения струн
Следующий:Что такое UUID? и различия между версиями

Связанные публикации
Отказ:
Всё программное обеспечение, программные материалы или статьи, публикуемые Code Farmer Network, предназначены исключительно для учебных и исследовательских целей; Вышеуказанный контент не должен использоваться в коммерческих или незаконных целях, иначе пользователи несут все последствия. Информация на этом сайте взята из Интернета, и споры по авторским правам не имеют отношения к этому сайту. Вы должны полностью удалить вышеуказанный контент с компьютера в течение 24 часов после загрузки. Если вам нравится программа, пожалуйста, поддержите подлинное программное обеспечение, купите регистрацию и получите лучшие подлинные услуги. Если есть нарушение, пожалуйста, свяжитесь с нами по электронной почте.
Mail To:help@itsvse.com