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>

score 1 · Accepted Answer · answered Sep 18 '19 at 13:58

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 '19 at 13:58

Eliran Eliassy

1

This answer would be more helpful if you included the code to do both ways in your answer. – George Stocker Sep 18 '19 at 14:07
We're still at Angular 7 so I went with the first option(key-value map of available component) and it seems to work. – Kuba Szymanowski Sep 18 '19 at 17:13

1 Answers1