How to create a component from a variable name in Angular

Question

How do I create a component from a variable name in Angular similar to what can be achieved in Vue using Dynamic Components:

<component :is="myTemplate.type"></component>

Eliran Eliassy · Accepted Answer · 2019-09-18 13:58:06Z

1

Before Ivy: You should use the ComponentFactoryResolver. You can check out a good example of it here: link

With Angular Ivy
You can use the renderComponent function. You can check out my blog about Ivy and dynamic component rendering here: link

answered Sep 18, 2019 at 13:58

Eliran Eliassy

1,60012 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

This answer would be more helpful if you included the code to do both ways in your answer.

We're still at Angular 7 so I went with the first option(key-value map of available component) and it seems to work.