javascript - 使用 handlebars 将 json 对象存储到 html 元素

Question

如何将json完整对象作为数据属性存储在html元素中

var a = {name : "sample",age : "34"}
$.find('#someDiv").data("adata",a);

我们可以在创建模板时用 Handlebars 实现同样的事情吗

<div id="someDiv" data-adata="{{a}}"></div>

这可能吗？

Answer 1

您不能在 HTML 中嵌入 JSON 本身，因为 HTML 是纯字符串而 JSON 不是。

但是您可以将其字符串化并使用如下自定义方法将其存储在那里:

/*
 * Simple helper to stringify an object.
 * Usage: {{ JSON2string object }}
 */
Handlebars.registerHelper('JSON2string', function (object:Object) {
    return JSON.stringify(object);
});

然后，在模板中，您可以像这样使用它:

<div id="someDiv" data-adata="{{JSON2string a}}"></div>

它有效地将 JSON 字符串存储在 data 属性中。