Mustache.js - मूल्य

Question

के बजाय डिस्प्ले कुंजी मैं इस डेटा का उपयोग यहां कर रहा हूं: http://pastie.org/3231052 - मूंछ या हैंडलबार्स का उपयोग करके मूल्य के बजाय मैं कुंजी कैसे प्रदर्शित कर सकता हूं?

[{"interval":"2012-01-21", 
    "advertiser":"Advertisers 1", 
    "offer":"Life Insurance", 
    "cost_type":"CPA", 
    "revenue_type":"CPA", 
    ... etc ... 
}] 

Answer 1

यदि आप कुंजी-मूल्य जोड़े प्रदर्शित करना चाहते हैं, तो आप हैंडलबार में एक सहायक लिख सकते हैं।

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})); 
 
});

<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>

संपादित

लगता है की तरह यह काफी आप क्या चाहते हैं नहीं है, लेकिन यह एक सहायक है कि चाल करना होगा साथ आने के लिए संभव है।

Answer 2

मैंने ऑब्जेक्ट कुंजी मूल्य जोड़ी को संभालने के लिए हैंडलबार का उपयोग करके पिछली प्रतिक्रिया में संशोधन किया। यह केवल निम्न कार्य करने जैसा आसान है:

<script id="template" type="text/x-handlebars-template"> 
    {{@entries}} 
    <li>{{KEY}} - {{VALUE}}</li> 
    {{/entries}} 
</script> 
<div id="content"> 
</div> 

मैंने फिडल पर एक उदाहरण दिया, उम्मीद है कि इससे किसी को वहां मदद मिलेगी। कृपया

Mustache Attribute addition.