如何使用TypeScript函数在正文中动态添加组件

Question

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

像putThisComponentToBody(MyAngularComponent)这样的东西会将<app-my-angular-component></my-angular-component>附加到我的DOM上。

DOM中的预期结果：

Answer 1

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