如何以 angular 8+ 显示动态组件

Question

我是 Angular 的新手。 我正在处理一个项目，我希望管理员选择将向用户显示哪些组件。

ps：在管理界面中，我有一个组件名称的“列表”，当他通过检查选择一个时，它将显示在用户界面中。

请问我该怎么做？

Answer 1

您可以使用@Input() var1和@Output() var 2来输入/输出布尔值，然后使用*ngIf指令在 HTML 中控制它。

然后在 HTML 中，使用[var1]和(var2)来输入/输出。

问候。

Answer 2

您可以通过模板（使用*ngIf ）或以编程方式（使用ViewContainerRef ）显示您的动态组件，请参阅本文可能对您有所帮助。 https://dzone.com/articles/how-to-dynamically-create-a-component-in-angular