Angular 从JSON（API）加载角度动态组件

我试图从API调用的响应动态加载组件

假设我有3个组件/小部件A、B和C。根据API调用的响应，我必须以任意顺序加载A、B、C或它们的任意组合（就像以C和B的顺序加载它们）。有点像客户端的CMS

我想到的一个解决方案是使用从API获取带有组件ID的HTML代码并使用[innerHtml]

有没有其他解决方案可以让我从API中获取小部件/组件列表，并动态加载它们？

有一个称为“ComponentFactoryResolver”的概念。希望这能对你的案子有所帮助

有关详细信息：

我想到的是使用HTML代码从中获取组件ID API和使用[innerHtml]

为什么不使用内容投影，而不是创建多个组件呢。创建一个组件并在子组件中使用

ng content

传递

html

。您可以查看更多详细信息

这里有其他的解决方案，我可以从中得到 API中的小部件/组件，并动态加载它们

您可以从angular使用

ComponentFactoryResolver

，这将帮助您完成此操作。您需要获取

viewContainerRef

并使用

ComponentFactoryResolver

动态创建一个组件并注入它

这是一个很好的参考，你可以遵循做这件事