【问题标题】:How to add a component dynamically in the body using TypeScript function如何使用 TypeScript 函数在正文中动态添加组件
【发布时间】:2019-09-04 04:13:12
【问题描述】:

我想使用 TypeScript 函数将动态组件标记添加到我的页面。

类似于putThisComponentToBody(MyAngularComponent) 的东西,会将<app-my-angular-component></my-angular-component> 附加到我的DOM。

DOM 中的异常结果:

【问题讨论】:

  • DOM 中的预期结果未显示。此外,您应该更具体地说明您的问题以及您期望得到的结果。有很多方法可以在 DOM 上以 Angular 的方式插入组件。
  • 你能写几个方法吗?
  • Angular 团队已经做到了。在 angular.io 的 Fundamentals >> Components & Template 下,您可能会找到一些关于如何做到这一点的指南。
  • 感谢您的回复。还是没有解决我的问题...
  • 答案就在那里,你只需要通读一遍。如果您确实阅读了文档,自己动手并遇到特定问题,请在此处发布,我们将很乐意提供帮助。

标签: angular typescript components


【解决方案1】:

要在运行时动态添加组件,您必须使用一些容器来附加您的组件。请通过此链接 - https://angular.io/guide/dynamic-component-loader

【讨论】:

    猜你喜欢
    • 2019-09-23
    • 2018-07-29
    • 1970-01-01
    • 2019-01-07
    • 2020-04-17
    • 1970-01-01
    • 2018-08-20
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多