在Aurelia绑定原始html

Gor*_*vic 38 javascript-databinding aurelia

使用Aurelia,我想填充<div>包含html文本的viewmodel属性(让我们称之为htmlText)的内容,我正在使用

<div>
${htmlText}
</div>
Run Code Online (Sandbox Code Playgroud)

但是,这样编码html所以,而不是有段落或链接,所有标签都被转义,因此html可以被视为源.

有开箱即用的活页夹吗?

Mat*_*vis 79

您可以使用innerhtml绑定完成此操作,如下所示:

<div innerhtml.bind="htmlText"></div>
Run Code Online (Sandbox Code Playgroud)

  • 此绑定目前存在一个问题,应在接下来的一两天内解决,请参阅此处了解状态 https://github.com/aurelia/templating-binding/issues/7 (2认同)
  • 根据具体情况,出于安全考虑,在绑定之前清理html可能是合适的.我的经验是,默认情况下不会发生消毒.要消毒,有一个sanitizeHTML值转换器.我解释一下[这里](http://ryanheathcote.com/2016/02/02/sanitize-html-aurelia/) (2认同)