Handlebars nested iteration build-in helper - empty output - json

Question

I'm trying to use iteration helper inside another one. But the inner helper doesn't output anything.
That's the handlebars template :
{{#people}}
<h4>{{firstName}} {{lastName}}</h4>
{{#students}}
<h3>{{firstName}} {{lastName}}</h3>
{{/students}}
{{/people}}
And that is my JSON :
{
people : [
{ firstName: "Yehuda", lastName: "Katz" },
{ firstName: "Carl", lastName: "Lerche" },
{ firstName: "Alan", lastName: "Johnson" }
],
students: [
{ firstName: "Mike", lastName: "Smith" },
{ firstName: "Dan", lastName: "Knight" },
{ firstName: "Griffin", lastName: "Smith" }
]
}
Whats the solution for this problem?
Try the code online and fast here : http://tryhandlebarsjs.com/

Answer 1

The expression {{#people}}...{{/people}} gives rise to three contexts:
{ firstName: "Yehuda", lastName: "Katz" },
{ firstName: "Carl", lastName: "Lerche" },
{ firstName: "Alan", lastName: "Johnson" }
so there are no students in any of those contexts, which is why the inner expression {{#students}}...{{/students}} gives no output.
Can you elaborate on what it is you are trying to achieve?

Answer 2

Thanks Very much J P....your answer is great...
The right code is :
{
people : [
{ firstName: "Yehuda", lastName: "Katz", students: [{ firstName1: "Mike", lastName1: "Smith"
}] },
{ firstName: "Carl", lastName: "Lerche", students: [{ firstName1: "Mike", lastName1: "Smith"
}] },
{ firstName: "Alan", lastName: "Johnson", students: [{ firstName1: "Mike", lastName1: "Smith"
}] }
],
}