Mustache.js – 显示键而不是值
我在这里使用这些数据： http ： //pastie.org/3231052 – 如何使用Mustache或Handlebars显示密钥而不是值？
[{"interval":"2012-01-21", "advertiser":"Advertisers 1", "offer":"Life Insurance", "cost_type":"CPA", "revenue_type":"CPA", ... etc ... }] 如果要显示键值对，可以在Handlebars中编写助手。
Handlebars.registerHelper('eachkeys', function(context, options) { var fn = options.fn, inverse = options.inverse; var ret = ""; var empty = true; for (key in context) { empty = false; break; } if (!empty) { for (key in context) { ret = ret + fn({ 'key': key, 'value': context[key]}); } } else { ret = inverse(this); } return ret; }); $(function() { var data = {"interval":"2012-01-21", "advertiser":"Advertisers 1", "offer":"Life Insurance", "cost_type":"CPA", "revenue_type":"CPA"}; var source = $("#template").html(); var template = Handlebars.compile(source); $('#content').html(template({'data': data})); });
我使用Handlebars修改了之前的响应来处理对象键值对。 它就像执行以下操作一样简单：
我在Fiddle上做了一个例子，希望它可以帮助那里的人。 请注意，此实现取决于Handlebars
小胡子属性添加。