typescript - 将 Aurelia TS 变量中的 HTML 输出到视图中

Question

我有一个 Aurelia 应用程序，它的工作原理如下：

测试.ts

private testing:string;

// The constructor and other methods get the testing from the database that contains clean/sanitized HTML (not malious or entered by a user)

// An example:
testing = "<i>Source:</i>This code is<br />old but it is okay.";

然后在视图中，我想让 HTML 呈现而不是字符串。

测试.html

<div>${testing}</div>

问题是屏幕上的输出因此包含<i>、</i>和<br />标签，但我希望它在呈现时表现得像普通的 HTML。

这在 Aurelia 中是如何实现的？数据是安全的（不包含任何脚本标签）。

Answer 1

您可以绑定到内部 html，而不是绑定到 div 的内容。这是通过以下方式完成的：

<div innerHtml.bind="testing"></div>

最好的祝愿。

克里斯蒂安