动态组件注入中的角度 innerHTML 限制

Question

我有这种来自服务器的安全 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 组件一样“反应”。 所以我想到了动态组件注入，一个为section的组件，一个为subsection的组件。对于子部分的渲染很容易用 innerHTML 属性。但我不知道如何呈现该部分，因为在“内容开始”内，标签只能在“内容结束”中打开和关闭 排除使用 innerHTML 属性来呈现必须包含在父标记中的部分。

有人可以帮我解决这个问题吗？

提前致谢！

Answer 1

我认为，如果您制作一个对您的案例有帮助的即时组件，我认为您的问题将得到解决

查看本文的最后一部分，该部分通过代码示例进行了深入讨论： https://medium.com/@DenysVuika/dynamic-content-in-angular-2-3c85023d9c36