Comment utiliser des itérateurs imbriqués avec Mustache.js ou Handlebars.js ?

Question

Je voudrais utiliser handlebars.js ou mustache.js pour itérer sur une liste de familles, puis sur les membres de cette famille. À l'intérieur des deux boucles, je veux afficher les propriétés des deux familles. Cependant, une fois que je suis dans la deuxième itération, aucune des variables de la famille n'est visible.

{{#each families}}
  {{#each members}}
    <p>{{ ( here I want a family name property ) }}</p>
    <p>{{ ( here I want a member name property ) }}</p>
  {{/each}}
{{/each}}

Est-ce possible ? J'apprécierais grandement toute aide !

Answer 1

Je cherchais le même problème en utilisant mustache et les réponses étaient données pour le guidon, et celles pour mustache nécessitaient des JS supplémentaires, je sais que c'est vieux mais je vais ajouter mon exemple de travail juste au cas où quelqu'un d'autre en aurait besoin. Merci !

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}}
        <h2>{{company}}</h2>
        <div class="position">{{position}}</div>
        <div class="occupazione">Responsabilities</div>
            <ul>
            {{#tasks}}
            <li>{{.}}</li>
            {{/tasks}}
            </ul>
 {{/experience}}