在NgFor中调用组件-Angular

Question

I'm trying to call dynamic components in ngFor, but i cannot use variables inside Tags HTML. 我正在尝试在ngFor中调用动态组件，但是我不能在Tag HTML中使用变量。

What i have: 我有的：

components = [component1, component2, component3];

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

Result i want: 结果我想要：

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

Result i get: 结果我得到：

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

Answer 1

You won't be able to do it that way. 您将无法那样做。 You'll have to use the component loader: 您必须使用组件加载器：