jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – Mustache.js – 显示键而不是值大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_874_1@我在这里使用这些数据: 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","revenue_type":"CPA"};
                
    var source   = $("#template").html();
    var template = Handlebars.compile(sourcE);
    $('#content').html(template({'data': data}));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudFlare.com/ajax/libs/handlebars.js/1.0.0.beta2/handlebars.min.js"></script>
<script id="template" type="text/x-handlebars-template">
    {{#eachkeys data}}
    <li>{{this.key}} - {{this.value}}</li>
    {{/eachkeys}}
</script>
<div id="content">
</div>

编辑

看起来这不是你想要的,但是有可能找到一个可以解决问题的助手.

大佬总结

以上是大佬教程为你收集整理的jquery – Mustache.js – 显示键而不是值全部内容,希望文章能够帮你解决jquery – Mustache.js – 显示键而不是值所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。