Angular 动态组件注入中的 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 属性来做到这一点。问题是我必须将此预览 "reacting" 设置为 Angular 组件。于是想到了动态组件注入，分节一个组件，分节一个组件。对于子部分渲染很容易用内部HTML 属性。但我不知道如何呈现该部分，因为在 "start of content" 中，只能在 "end of content" 中打开和关闭标签排除使用 innerHTML 属性呈现必须包含在父标记中的部分。

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

提前致谢！

Answer 1

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

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

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

Angular innerHTML limitation in dynamic component injection

innerhtml

code-injection

angular