javascript - kendo 绑定(bind)到 html 时不显示减号 (<)

标签 javascript kendo-ui

我有一个 td 元素:

<td data-bind="html: name"></td>

我有 JavaScript 中的数据

var name = '@Html.Raw(HttpUtility.JavaScriptStringEncode(Model.Name))';

模型名称是 <tag< tag .

在 javascript 中它看起来像:\u003ctag\u003c tag .

在第一种情况下,我没有看到 <tag以及之后的一切。

在第二种情况下,我确实看到了 < tag .

为什么第一种情况不起作用?

最佳答案

它不起作用,因为 Element.innerHTML不知道如何处理您提供的参数。 在第二种情况下,输入被简单地视为文本,这就是它显示的原因,但在第一种情况下,它试图解释为 HTML(毕竟这就是 innerHTML 和 kendo 的 html 绑定(bind)的目的)。

如果您尝试显示 <tag ,那么你应该简单地使用文本绑定(bind):

<td data-bind="text: name"></td>

如果 Model.Name 实际上包含应该呈现的 HTML,则它的格式应该正确并且具有结束标记。

例子: http://jsfiddle.net/lhoeppner/qkzEt/

关于javascript - kendo 绑定(bind)到 html 时不显示减号 (<),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19183424/

相关文章:

animation - KendoUI框架中,有全局关闭动画的方法吗?

html - 选择子单选按钮时更改标签 CSS(不使用 javascript/jquery)?

javascript - 从 Angular 2+ 中的 Kendo 网格获取选定行的列表

javascript - magento 通过复选框将多个产品从愿望 list 添加到购物车

javascript - 如何在html5中请求麦克风访问权限

javascript - Drupal - 禁止特定页面中的 css 文件

javascript - 使 session cookie 稍后过期的书签

javascript - Kendo UI Grid取消不恢复原始数据

javascript - 有没有一种使用 Typescript 类制作 Kendo 自定义小部件的好方法?

javascript - 自定义组件类似于 JQUERY 中的自动完成功能