具有Knockout的HTML实体

时间:2012-06-27 11:53:46

标签: javascript html knockout.js

如何在viewModel中绑定到变量的字段中输出HTML实体?我想在绑定到HTML中的←的字段中显示像←(span)这样的HTML实体。不幸的是,HTML被转义,因此浏览器显示& larr;而不是符号。

摆弄一个例子: http://jsfiddle.net/nwinkler/KES2j/

JavaScript的:

var data = { value : '←'};

var viewModel = {
    field: ko.mapping.fromJS(data)
};

ko.applyBindings(viewModel);

HTML:

<p>HTML: &larr;</p>
<p>Knockout: <span data-bind='text: field.value'></span></p>

1 个答案:

答案 0 :(得分:23)

您可以将html绑定用于此类绑定。它看起来像是:

<p>Knockout: <span data-bind='html: field.value'></span></p>

示例:http://jsfiddle.net/rniemeyer/KES2j/1/