具有挖空功能的 HTML 实体

HTML Entities with Knockout

本文关键字:HTML 实体 功能      更新时间:2023-09-26

如何在绑定到视图模型中变量的字段中输出HTML实体?我想在绑定到 HTML 中span的字段中显示一个 HTML 实体,例如 ← ( ←)。不幸的是,HTML 被转义了,所以浏览器显示 ←而不是符号。

摆弄一个例子: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>

您可以将 html 绑定用于类似此的内容。 它看起来像:

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

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