【问题标题】:Angular detect and insert components角度检测和插入组件
【发布时间】:2018-04-12 06:42:26
【问题描述】:

背景

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

我知道我的工作是违反规定的,但我真的很希望能够在这里创建一个优雅的解决方案。

问题

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

未从innerHTML 字符串中检测到自定义组件。这是不允许的。似乎 DynamicComponentLoader 曾经为此提供了解决方案,但现在不再提供了。

清晰度

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

我也不关心它是否绑定到 innerHTML 属性,它似乎让我走得最远。如果有帮助,我可以/将使用resolver

示例

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

你可以看到 hello 组件在 html 中呈现,但不是组件本身。

任何帮助将不胜感激。

【问题讨论】:

标签: javascript angular


【解决方案1】:

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

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

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

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

【讨论】:

  • 有没有办法让输入参数工作?我想创建一个小部件,我可以在其中指定问题和正确答案。
猜你喜欢
  • 2013-12-17
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-07-02
  • 2020-06-21
  • 2020-12-07
  • 2017-08-14
  • 1970-01-01
相关资源
最近更新 更多