Angular 7：动态生成模板

Question

我正在完全按角度重写网站https://ixtutor.com/。我创建了一些在博客页面上呈现为小部件的组件。

例如，在博客帖子https://ixtutor.com/tensorflow-basics-with-housing-prices-prediction-example-chapter-i/上，有一些小部件，例如 （i）代码运行器小部件 （ii）练习小部件

我正在将这些小部件建模为我的角度应用程序中的组件。

问题：我的应用程序中的页面之一是实时html编辑器，该编辑器允许作者在textarea T1中编写（角度）html模板，并查看（渲染）视图的侧面-并排。我还希望作者能够使用他们创建的html中的小部件组件。

这对于常规的html标签非常有用，在这里我可以使用div的innerHTML属性直接绑定textarea T1的ngModel，但是，它不适用于有角度的分量。

我看过dynamic angular components，但是我不知道如何在完整的html模板中使用它。任何建议都将不胜感激。

谢谢。

Answer 1

  

Angular不支持在运行时在模板中插入动态组件。它必须在编译时知道要插入哪些组件。

唯一的方法是使用Angular elements将Angular组件编译为Web组件，这样便可以将它们作为自定义HTML元素插入应用程序中。

为此，您必须在单独的库中进行开发。