【问题标题】:HTML Entities with Knockout带有敲除的 HTML 实体
【发布时间】:2012-06-28 20:21:21
【问题描述】:

如何在视图模型中绑定到变量的字段中输出 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>

【问题讨论】:

    标签: javascript html knockout.js


    【解决方案1】:

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

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

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

    【讨论】:

    • 重要的是要认识到,如果您从 text: 切换到 html: 您可能会产生安全问题。您应该确保 field.value 的值不能被您的应用程序的用户操作。否则,您可能会面临 CSRF 攻击。
    • 如何将 html 与选项绑定绑定?
    猜你喜欢
    • 2014-06-27
    • 1970-01-01
    • 1970-01-01
    • 2012-05-17
    • 2016-04-27
    • 1970-01-01
    • 2012-06-26
    • 1970-01-01
    • 2014-11-08
    相关资源
    最近更新 更多