在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