显示带有多个角度组件的完整 HTML 字符串

问题描述

我有一个 Web 应用程序，它有一个我自定义的 tinymce 所见即所得编辑器，以便用户可以插入他们自己创建的对象到文本中。用户可以在编辑器中编辑内容，并可以通过按钮将这些对象作为组件插入到 html 中。

这就是我遇到问题的关键，我现在有一个带有 html 和不同组件的字符串。

我的问题：我现在如何呈现具有完整 html 和不同组件的字符串？

我尝试使用 innerHTML 和 componentFactory 没有任何成功。还有其他建议吗？

举个例子：

假设我们有一个具有名称和描述属性的对象项

    export class Item {
      public name: String;
      public description?: String;

      constructor(name,description) {
        this.name = name;
        this.description = description;
       }
     }

为了显示这个项目，我有一个组件让这个例子说一些小

    <item-component>

现在用户可以将输入保存为纯 html，例如：

<div>
  <p>This is a great item: </p><item-component></item-component>
</div>

这也是我现在想简单展示的内容。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）