角度检测和插入组件

时间:2018-04-03 18:19:22

标签: javascript angular

背景

我正在尝试使用Angular(5)创建博客。我正在使用markdown并将该数据存储在应用程序之外。它下载markdown,将其解析为html字符串,然后绑定到div的SecurityMiddleware

我知道我正在努力解决问题,但我真的希望能够在这里创造一个优雅的解决方案。

问题

能够使用自定义组件使我们能够通过我们的博客做一大堆我们无法做到的事情。注册组件,自定义小部件等。我们可以完成所有这些操作,并且仍然可以将内容单独存储在应用程序之外。

未从innerHTML字符串中检测到自定义组件。哪个不允许。似乎innerHTML用于为此提供解决方案,但现在不再是。

净度

我不是只想渲染html,也不只渲染单个组件。我想渲染html和所有组件。

我也不在乎它与DynamicComponentLoader财产的关系,它似乎让我走得最远。如果有帮助,我可以/将使用innerHTML

实施例

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

正如您所见,hello组件在html中呈现,但不是组件本身。

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:2)

所以我终于想出来并写了一篇文章。

这里是更新的叠加闪电战的链接。

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

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