How do I use nested iterators with Mustache.js or Handlebars.js?

Question

I would like to use handlebars.js or mustache.js to iterate over a list of families, and then iterate over that family\'s members. Inside of both loops, I want to display pr

Answer 1

I was looking for the same issue using mustache and the answers were given for handlebars, and the ones for mustache required extra JS, I know it is old but I'll add my working example just in case somebody else needs it. Cheers!

JSON:

"experience": [
     {
            "company": "Company 1",
            "position": "Graphic Designer",
            "tasks": ["Task 1", "Task 2", "Task 3"]
    },
     {
            "company": "Company 2",
            "position": "Graphic Designer",
            "tasks": ["Task 1", "Task 2", "Task 3", "Task 4", "Task 5"]
    }
]

TEMPLATE:

{{#experience}}
        
{{company}}
        
{{position}}
        
Responsabilities
            

            {{#tasks}}
            
{{.}}
            {{/tasks}}
            
 {{/experience}}