如果對象在數組中，如何使用Mustache.js？

Question

我使用Mustache.js succusefully顯示HTML，這裏的代碼

 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; 

或簡單地遍歷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);