代码之家  ›  专栏  ›  技术社区  ›  Amos47

角度检测和插入组件

  •  3
  • Amos47  · 技术社区  · 7 年前

    出身背景

    我正在尝试使用Angular(5)创建博客。我正在使用降价并将数据存储在应用程序之外。它下载标记,将其解析为html字符串,然后绑定到 innerHTML 一个部门的。

    我知道我是在反对谷物,但我真的希望能够在这里创建一个优雅的解决方案。

    问题

    有了使用自定义组件的能力,我们就可以用我们的博客做很多我们无法做的事情。注册组件、自定义小部件等。我们可以做到这一切,并且仍然能够在应用程序之外单独存储内容。

    从中未检测到自定义组件 innerHTML 一串这是不允许的。看起来像是 DynamicComponentLoader 用于为此提供解决方案,但现在不再是了。

    清晰

    我不想只渲染html,也不想只渲染单个组件。我想呈现html和包含的所有组件。

    我也不在乎 innerHTML 财产,这似乎让我走得最远。我可以/将使用 resolver 如果这有帮助的话。

    实例

    https://stackblitz.com/edit/angular-wylp55

    正如您所看到的,hello组件在html中呈现,而不是组件本身。

    任何帮助都将不胜感激。

    1 回复  |  直到 7 年前
        1
  •  10
  •   Amos47    7 年前

    所以我终于想出了办法,写了一篇文章。

    这里是更新的堆栈闪电战的链接。

    https://stackblitz.com/edit/angular-dynamic-html

    我还在公司博客上写了一篇完整的文章。 https://www.arka.com/blog/dynamically-generate-angular-components-from-external-html