有没有一种方法可以从组件中的db值添加角度指令？

Question

我目前正在尝试从我的角度应用程序创建网页设计器。 目前，我有一个设计器组件，它将作为父组件。在这一部分中，我想创建一个能够使用角度格式的HTML的组件。

在我的数据库中，我想存储很多不同的HTML元素。例如：

<span *ngIf="this.getDisplayedOptions().length > 0">Display default Values</span>

之后，我希望能够在运行时创建一个组件，该组件可以通过示例使用ngIf。像这样：

<app-elemennt [hmtl]="<span *ngIf="this.getDisplayedOptions().length > 0">Display default Values</span>">

有可能还是我走错路了？

非常感谢您的帮助！

Answer 1

我相信您可以使用[innerHTML]绑定来实现这一点，还应该使用DomSanitizer，更确切地说，使用以下代码行：

 this.sanitizer.bypassSecurityTrustHtml(yourDbHTML);

更新

您可以使用ngx-dynamic-compiler来实现这一点，它适用于7+ 查看他们的演示here