I would like to render an Angular component (an overlay) as a direct child of the documents body element. Today this can be done as follows: constructor( private applicationRef: ApplicationRef, p...

I have a mat-tab-group (angular material) and I want to be able to add from code behind mat-tabs including other components. I am using ComponentFactoryResolver to create the component but I am not...

I would dynamically component to another component in the service , Firstly inside the service factory both components and I created the component with access to ViewContainer. But the component ca...

I am building a dialog with dynamic tabs that can receive a component to be placed in the tab body. I am having a hard time creating multiple dynamic components using @ViewChildren. I have successf...

I have a slider in which are dynamically created items - these are child components. Parent template where is ng-container for slider: <div id="slider-wrapper"> <ng-container appSliderF...

I am dynamically loading an Angular component (MyComponent) with the following code. I am also passing some data to the component after creating it. let componentFactory = this.componentFactoryRes...

This is a solution I found that I think will be useful to others. This can be applied to any native element that does not have a ViewContainerRef set on it. I am trying to implant an angular com...

I have created n-level nested expand/collapse functionality using dynamic components of angular 5. Functionally everything is working fine but when I load multiple dom elements browser either cras...

I went through angular dynamically loading components. But i could not find how to remove the component dynamically. My requirement is that the chat application loads dynamic component(image/grap...