Render Components from Array loop

Question

In my app.component.ts I have an array with the component tags.

compData = ['app-component-one', 'app-component-two', 'app-component-three'];

Then in my app.component.html I have this:

<div *ngFor="let comps of compData">

    // I tried this: {{comps}} but that will not render the components

</div>

How can I do this so I can render each component?

@Qwertiy no i'm not sure at all. But normally you write your component tag like a normal opening and closing html tag — JiiB, Jan 30 '18 at 16:05
Possible duplicate of [Angular 2 dynamic tabs with user-click chosen components](https://stackoverflow.com/questions/36325212/angular-2-dynamic-tabs-with-user-click-chosen-components) — santosh singh, Jan 30 '18 at 16:18

Sajeetharan · Accepted Answer · 2018-01-30T16:10:01.473

4

You cannot render components from array, instead you need to look at dynamic component generator

edited Jan 30 '18 at 16:10

answered Jan 30 '18 at 16:04

Sajeetharan

1 Answers1