169 похожих чатов

Всем привет. подскажите как отобразить некий готовый html код с

простыми скриптами на javascript + стили. Это все загрузить в переменную и отобразить в компоненте на странице. Чтобы работали скрипты и стили? Что можно использовать , как ?

4 ответов

10 просмотров

например так [innerHTML]

а лучше у дива куда будешь втыкать, получаешь реф div.nativeElement.innerHTML ="твой код";

ну а скрипты тут уже сложнее нативный js не дает возможности сразу выполнить их из строки, он тупо вставит в дом, а например jQuery .html() использует eval для скриптов, тебе надо сделать что то похожее

Всеми способами избегать этого. Правильный способ встроить iframe. идеально webcomponent, но не факт что подойдет. Отличная статья по созданию динамических компонентов: https://habr.com/ru/company/infowatch/blog/330030/ Напрямую в innerHTML пихать это прям плохо.

Похожие вопросы

Обсуждают сегодня

30500 за редактор? )
Владимир
47
а через ESC-код ?
Alexey Kulakov
29
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
Добрый день! Скажите пожалуйста, а какие программы вы бы рекомендовали написать для того, чтобы научиться управлять памятью? Можно написать динамический массив, можно связный ...
Филипп
7
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
14
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Ребят в СИ можно реализовать ООП?
Николай
33
https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_h_common.erl#L174 https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_olp.erl#L76 15 лет назад...
Maksim Lapshin
20
Как передать управляющий символ в открытую через CreateProcess консоль? Собсна, есть процедура: procedure TRedirectThread.WriteData(Data: OEMString); var Written: Cardinal;...
Serjone
6
Всем привет! Имеется функция: function IsValidChar(ch: UTF8Char): Boolean; var i: Integer; ValidChars: AnsiString; begin ValidChars := 'abcdefghijklmnopqrstuvwxyzABCDE...
Евгений
44
Карта сайта