Angular 7：動態生成模板

Question

我正在完全用 angular 重寫我的網站https://ixtutor.com/ 。 我創建了幾個在博客頁面上呈現為小部件的組件。

例如，在博客文章https://ixtutor.com/tensorflow-basics-with-housing-prices-prediction-example-chapter-i/ 上，有一些小部件，例如，（i）代碼運行小部件 (ii) 練習小工具

我正在將這些小部件建模為我的 angular 應用程序中的組件。

問題：我的應用程序中的一個頁面是一個實時 html 編輯器，它允許作者在 textarea T1 中編寫（有角度的）html 模板並並排查看（渲染的）視圖。 我還希望作者能夠在他們創建的 html 中使用小部件組件。

這適用於常規 html 標簽，我可以使用 div 的 innerHTML 屬性直接綁定 textarea T1 的 ngModel，但是，它不適用於角度組件。

我看過動態角度組件，但我無法弄清楚如何在成熟的 html 模板中使用它。 任何建議或建議將不勝感激。

謝謝。

Answer 1

Angular 不支持在運行時在模板中插入動態組件。 它必須在編譯時知道將插入哪些組件。

唯一的方法是使用Angular 元素將 Angular 組件編譯為 Web 組件，這樣，您就可以將它們作為自定義 HTML 元素插入到應用程序中。

為此，您必須在單獨的庫中開發它們。