Угловое ограничение innerHTML при внедрении динамического компонента - PullRequest
0 голосов
/ 10 ноября 2018

У меня есть этот тип безопасной строки HTML, который приходит с сервера, это предварительный просмотр, который я хочу внедрить в приложение Angular 6.0. Количество разделов и подразделов варьируется.

<div id="s1" class="section">
	<div class="section-content">
		start of content
		<div id="ss1" class="sub-section">
			content of sub-section
		</div>
		end of content
	</div>
</div>

В основном я знаю, как использовать атрибут innerHTML для этого. Проблема в том, что я должен сделать этот предварительный просмотр «реагирующим», как угловой компонент. Поэтому я подумал о внедрении динамического компонента, компонента для раздела и компонента для подраздела. Для рендеринга подсекции легко сделать с атрибут innerHTML. Но я не знаю, как отобразить раздел, потому что внутри «начала содержимого» тег можно открывать и закрывать только в «конце содержимого». исключите использование атрибута innerHTML для визуализации раздела, который должен быть включен в родительский тег.

Может ли кто-нибудь помочь мне в этом вопросе?

Заранее спасибо!

1 Ответ

0 голосов
/ 11 ноября 2018

Я думаю, что ваша проблема будет решена, если вы сделаете компонент «на лету», который будет полезен в вашем случае, я думал

Проверьте последний раздел этой статьи, который подробно рассказывает об этом, с примером кода: https://medium.com/@DenysVuika/dynamic-content-in-angular-2-3c85023d9c36

...