角度：组件的动态载荷

Question

我有一个非常简单的ngFor

<div *ngFor="let service of loadedServices; let i = index;">
   <div>
   </div>
</div>

取决于服务，我必须加载其他组件。 我已经看到，使用ComponentFactoryResolver（https://angular.io/guide/dynamic-component-loader#targetText=Dynamic%20component%20loadinglink&targetText=This%20makes%20it%20impractical%20to,API%20for%20loading%20components%20dynamically。）

但是该示例显示了如何将单个组件添加到HTML中的单个元素。

如何为ngFor创建的每个项目添加组件？

感谢所有人

Answer 1

您可以这样使用：

  <comp-selector *ngFor="let sec of page.Sections;" id="{{sec.Id}}"></comp-selector>

在这里：comp-selector是选择器。