Dynamic Components

In addition to using a component directly in a template, you can also dynamically render components. There are two main ways to dynamically render a component: in a template with NgComponentOutlet, or in your TypeScript code with ViewContainerRef.

Visit the following resources to learn more:

• @official@Programmatically Rendering Components
• @video@Dynamic Component in Angular (2024)
• @article@New Input Binding for NgComponentOutlet
• @article@Render dynamic components in Angular using ViewContainerRef
• @video@Mastering ViewContainerRef for dynamic component loading in Angular17