यदि ऑब्जेक्ट सरणी में है तो Mustache.js का उपयोग कैसे करें?

Question

मैं का उपयोग Mustache.js succusefully एचटीएमएल प्रदर्शित करते हैं, यहाँ कोड

 var mygame = { 
     player:'viking', 
     games:[{name:'d1',type:'avg'},{name:'cod7',type:'fps'},{name:'war3',type:'rts'}] 
     }; 
    var template = '{{player}} is a good guy<br/> <ul>{{#games}}<li>name:{{name}} and type:{{type}} </li>{{/games}}</ul>'; 
    var html = Mustache.to_html(template, mygame); 
    var con = document.getElementById('container'); 
    con.innerHTML = html; 

है, लेकिन मैं कैसे यह प्रयोग करते हैं जब वस्तु एक सरणी है,

var mygames = [{name:'d1',type:'avg'},{name:'cod7',type:'fps'},{name:'war3',type:'rts'}]; 

Answer 1

की तरह इस प्रयास करें:

var mygames = [{name:'d1',type:'avg'},{name:'cod7',type:'fps'},{name:'war3',type:'rts'}]; 

var mygame = { 
    player: 'viking', 
    games: mygames 
} 
var template = '{{player}} is a good guy<br /> <ul>{{#games}}<li>name:{{name}} and type:{{type}} </li>{{/games}}</ul>'; 
var html = Mustache.to_html(template, mygame); 
var con = document.getElementById('container'); 
con.innerHTML = html; 

Answer 2

आपको ऐसा कुछ करने की ज़रूरत है:

var mygames = {games: [{name:'d1',type:'avg'},{name:'cod7',type:'fps'},{name:'war3',type:'rts'}]}; 

var template= "{{#games}} Player name: {{name}} Type: {{type}}{{/games}}"; 

var html = Mustache.to_html(template, mygames); 
var con = document.getElementById('container'); 
con.innerHTML = html; 

,210

या बस पाश से अधिक mygames वस्तु और html संलग्न

var html=""; 
var template= "Player name: {{name}} Type: {{type}};" 
for (var i=0;i<mygames.length;i++) 
{ 
    html+=Mustache.to_html(template, mygames[i]); 
} 
var con = document.getElementById('container'); 
con.innerHTML = html; 

आशा इस

Answer 3

आप इस तरह यह कर सकते हैं मदद करता है:

var model = [{name:'d1',type:'avg'},{name:'cod7',type:'fps'},{name:'war3',type:'rts'}]; 
var template = '<ul> {{#.}} <li>name:{{name}} and type:{{type}} </li> {{/.}} </ul>'; 
var html = Mustache.to_html(template, model);