如何以 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