你能在innerHtml中使用Angular的结构指令吗

Question

我试图通过 DOM 元素的 innerHtml 属性插入包含 *ngIf 和 *ngFor 指令的 HTML 代码。这可能吗？

我不明白 Angular 是如何渲染事物的，所以我不知道如何去做。我尝试使用 Renderer2，但这没有帮助。

Answer 1

这是不可能的，因为需要编译角度模板并且

innerHTML

将字符串直接传递给dom元素。

您可以实现的最接近的结果，但绝对不建议这样做：动态创建组件并将字符串作为模板传递。

不建议这样做，因为这需要将

compiler

拉入生产包中，这很重，而且 JIT 组件效率较低。