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

Question

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

test.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 而不是字符串。

test.html

<div>${testing}</div>

问题是屏幕上的输出因此包含 <i>、</i> 和 <br /> 标签，但我希望它表现正常 HTML已渲染。

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

Answer 1

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

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

祝福。

克里斯蒂安

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

Output HTML from an Aurelia TS variable into the view

typescript

aurelia

aurelia-templating