如何在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，因爲有一點，如果獲取注入到DOM的HTML的任何消毒當使用這個。