javascript - 如何在 Aurelia 模板中将字符串插值文本识别为 HTML

Question

我正在尝试通过字符串插值将标记文本添加到 Aurelia 模板中的 div，但是其中的 HTML 呈现为文字文本而不是 HTML。例如:

// in view-model
htmlString = "Line 1 <br> Line 2";

// in view template
<template>
  <div>
    ${htmlString}
  </div>
</template>

呈现为

Line 1 <br> Line 2

不像

Line 1  
Line 2

有没有办法将插入的文本识别为 HTML 而不是字符串文字？

Answer 1

你可以使用

<template>
 <div innerhtml.bind="htmlString"></div>
</template>

但是在将它与任何用户生成的 HTML 一起使用时，您需要非常小心，因为在使用它时，几乎没有对注入(inject)到 DOM 中的 HTML 进行清理。 p>