how to use for each with mustache javascript?
25,458
data
needs to be an array (see the enclosing []
)
var data = [{
"msg_id": "134",
"message": "Nick",
"comment": [{
"com_id": "9",
"comment": "test",
}, {
"com_id": "10",
"comment": "testtt",
}, {
"com_id": "11",
"comment": "testtttt",
}]
}, {
"msg_id": "134",
"message": "Nick",
}, {
"msg_id": "134",
"message": "Nick",
}]
is just this in mustache templates:
{{#data}} //loop through all data
{{message}} //pick out the "message" per iteration
{{#comment}} //loop through all comments in an iterated item
{{comment}} //pick out the comment
{{/comment}}
{{/data}}
![Patrioticcow](https://i.stack.imgur.com/wQoYq.jpg?s=256&g=1)
Comments
-
Patrioticcow almost 2 years
i have some json objects and some of them have some other objects inside them.
if i leave only the json obj that don't have other obj inside them and then apply the template, everything goes well, i get, in this case 3 li elements.
but if i grab the original json obj the results are a bit wired. I believe i need to do a
each
statement to iterate through each sub json obj from inside each main onemaybe i am a bit confuse so here is some code.
i have some json data like this:
{ "msg_id":"134", "message":"Nick", "comment":[ { "com_id":"9", "comment":"test", }, { "com_id":"10", "comment":"testtt", }, { "com_id":"11", "comment":"testtttt", }] }, { "msg_id":"134", "message":"Nick", }, { "msg_id":"134", "message":"Nick", }
and i am trying to arive at something like this: Nick
test
testtt
testtttt
Nick Nicki've created a template like this:
function messagesTamplate(data) { $.each(data, function(index, obj) { msg += template.replace( /{{message}}/ig , obj.message ); if(obj.comment) { $.each(obj.comment, function(key, val) { msg += template.replace( /{{comment}}/ig , val.comment ); }); } }); return msg; }
then i just append this to the main ul.
thanks