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

Question

I want to add dynamically components tag to my page using a TypeScript function.

Something like putThisComponentToBody(MyAngularComponent) , that would append <app-my-angular-component></my-angular-component> to my DOM.

Excepted result in DOM :

Answer 1

To add components dynamically at run time you will have to use some container which will be used to attach your component. Please go through this link - https://angular.io/guide/dynamic-component-loader