从数组循环渲染组件

在我的app.component.ts中，我有一个带有元件标签的数组。

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

然后在我的app.component.html中，我有这个：

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

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

</div>

我该如何做才能渲染每个组件？