Sto provando a creare una tabella con un oggetto JSON utilizzando Mustache.js. Volevo che mostrasse due righe, tuttavia mostra solo la seconda riga. Sospetto che la prima riga venga sovrascritta dal secondo quando viene rilanciata nel loop.Oggetto JSON nella tabella Moustache.js
Come posso risolvere il problema? O c'è una struttura migliore che dovrei seguire?
Javascript:
var text = '[{"Fullname":"John", "WorkEmail":"[email protected]"},{"Fullname":"Mary", "WorkEmail":"[email protected]"}]'
var obj = JSON.parse(text);
$(document).ready(function() {
var template = $('#user-template').html();
for(var i in obj)
{
var info = Mustache.render(template, obj[i]);
$('#ModuleUserTable').html(info);
}
});
Template:
<script id="user-template" type="text/template">
<td>{{FullName}}</td>
<td>{{WorkEmail}}</td>
</script>
tavolo:
<table border="1">
<tr>
<th>FullName</th>
<th>WorkEmail</th>
</tr>
<tr id = "ModuleUserTable">
</tr>
</table>