动态组件注入中的Angular innerHTML限制

时间:2018-11-10 13:33:05

标签: angular innerhtml code-injection

我有来自服务器的这种类型的安全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属性来执行此操作。问题是我必须使此预览像Angular组件一样“反应”。 因此,我想到了动态组件注入,该部分的组件和子部分的组件。对于小节,渲染很容易 innerHTML属性。但我不知道如何呈现该部分,因为只能在“内容开始”中打开和关闭标签,这只能在“内容结束”中进行 排除使用innerHTML属性来呈现必须包含在父标记中的部分。

在这个问题上有人可以帮助我吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

我认为,只要您开发一个对您认为有帮助的案例的实时组件,就可以解决您的问题

检查本文的最后部分,并通过代码示例深入讨论该部分: https://medium.com/@DenysVuika/dynamic-content-in-angular-2-3c85023d9c36