Как динамически добавить компонент в тело с помощью функции TypeScript

Question

Я хочу добавить динамически тег компонентов на мою страницу, используя функцию TypeScript.

Что-то вроде putThisComponentToBody(MyAngularComponent), добавляющее <app-my-angular-component></my-angular-component> к моей DOM.

Исключенный результат в DOM:

Answer 1

Для динамического добавления компонентов во время выполнения вам нужно будет использовать некоторый контейнер, который будет использоваться для присоединения вашего компонента.Пожалуйста, пройдите по этой ссылке - https://angular.io/guide/dynamic-component-loader