在NgFor中调用组件-Angular

Question

我正在尝试在ngFor中调用动态组件，但是我不能在Tag HTML中使用变量。

我有的：

components = [component1, component2, component3];

<div *ngFor="let component of components">
  <component></component>
</div>

结果我想要：

<component1></component1>
<component2></component2>
<component3></component3>

结果我得到：

<component></component>
<component></component>
<component></component>

Answer 1

您将无法那样做。 您必须使用组件加载器：

https://angular.io/guide/dynamic-component-loader