Javascript databinding 在Aurelia中绑定原始html

Javascript databinding 在Aurelia中绑定原始html,javascript-databinding,aurelia,Javascript Databinding,Aurelia,使用,我想用viewmodel属性(我们称之为htmlText)的内容填充一个,该属性包含html文本,我使用 <div> ${htmlText} </div> ${htmlText} 然而,这会对html进行编码,因此,所有标记都会转义,从而可以将html视为源代码,而不是段落或链接 有开箱即用的活页夹吗 您可以使用innerhtml绑定来实现这一点,如下所示: <div innerhtml.bind="htmlText"></div>

使用,我想用viewmodel属性(我们称之为htmlText)的内容填充一个
,该属性包含html文本,我使用

<div>
${htmlText}
</div>

${htmlText}
然而,这会对html进行编码,因此,所有标记都会转义,从而可以将html视为源代码,而不是段落或链接


有开箱即用的活页夹吗

您可以使用innerhtml绑定来实现这一点,如下所示:

<div innerhtml.bind="htmlText"></div>


P.S.我知道将html绑定到viewmodel会破坏它的用途,但有些API返回json格式的html,所以我只想看看是否有简单的方法可以使用,目前这个绑定存在一个问题,应该在一两天内解决,请看这里了解状态,我尝试的方法很有效(此时正在研究框架),我现在确实觉得自己很愚蠢:)谢谢!事实上,你是对的,它没有绑定,但我还是应该自己尝试:)根据情况,出于安全目的,在绑定html之前对其进行清理可能是合适的。我的经验是,消毒不会在默认情况下发生。要进行清理,有一个sanitizeHTML值转换器。我进一步解释了innerHTML的目的是允许插入标记和代码。如果您想要净化的内容,请使用textcontent.bind方法,详情如下: