带有淘汰赛的 HTML 实体 [英] HTML Entities with Knockout

问题描述

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

How can I output HTML Entities in fields that are bound to a variable in the viewModel? I would like to display an HTML Entity like ← (←) in a field bound to a span in the HTML. Unfortunately, the HTML is escaped, so the browser displays ← instead of the symbol.

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

JavaScript:

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 绑定用于类似的事情.它看起来像:

You can use the html binding for something like this one. It would look like:

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

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

这篇关于带有淘汰赛的 HTML 实体的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！