将HTML代码作为输入的Angular组件（续集）

Question

此问题是我先前提出的问题的延续：previous question

我想要做的是将HTML代码传递给有角度的组件，以便可以显示和执行它。 想法是将HTML代码作为字符串输入传递给组件（转义所有特殊字符之后），然后使用管道绕过导航器的信任安全性，以便可以执行代码。

但是，如果HTML代码很长，那么将其作为字符串传递并转义所有特殊字符可能非常繁琐。我的问题是：有没有办法传递我的HTML代码而不传递输入？如果不是，是否有比字符串更适合HTML代码的输入类型？

感谢您的帮助。

Answer 1

您可以按如下所示简单地传递字符串<div [innerHTML]="yourStringBindingHere"></div>

Answer 2

您可以使用['55.68799,12.596316']。如果将ng-content放在componenet的模板中，则可以在其中插入html代码。它是这样的：

应放置代码的组件模板

selenium

现在您可以将代码放在组件的标签之间

<ng-content></ng-content>

两个<div> <ng-content></ng-content> </div> 将插入<example-component> <p>Example Code</p> <p>More example code</p> </example-component> 标签所在的位置