大佬教程收集整理的这篇文章主要介绍了jquery – Mustache.js – 显示键而不是值,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
[{"interval":"2012-01-21","advertiser":"Advertisers 1","offer":"Life Insurance","cost_type":"CPA","revenue_type":"CPA",... etc ... }]
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,请注明来意。