Handlebars.js: itération imbriquée avec possibilité d'accéder au parent

Créé le 18 oct. 2011  ·  5Commentaires  ·  Source: handlebars-lang/handlebars.js

Commentaire le plus utile

{{#each families}}
  {{#each members}}
    <p>{{ ../surname }}</p>
    <p>{{ name }}</p>
  {{/each}}
{{/each}}

Tous les 5 commentaires

Une approche simple consisterait à enregistrer un assistant :

{{#each animals}}
  {{#each organs}}
    {{get .. this}}
  {{/each}}
{{/each}}
Handlebars.registerHelper('get', function(obj, prop) {
  return obj[prop];
});

Désolé de remonter ce problème, mais je ne vois pas comment cet assistant "get" donnera accès au parent à moins que nous ne créions des références circulaires.

Pourriez-vous préciser ce que vous entendez par "{{get .. this}}" ? S'il s'agit d'un organe, comment pouvons-nous l'utiliser pour trouver l'animal parent ?

Je voudrais utiliser handlebars.js pour parcourir une liste de familles, puis parcourir les membres de cette famille. À l'intérieur des deux boucles, je veux afficher les propriétés des deux. Cependant, une fois que j'entre dans la deuxième itération, aucune des variables de 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 avec un guidon ? Si non, c'est OK. J'apprécierais grandement toute aide !

{{#each families}}
  {{#each members}}
    <p>{{ ../surname }}</p>
    <p>{{ name }}</p>
  {{/each}}
{{/each}}

bonjour les gars j'apprends node/express en ce moment, le code ci-dessus ne fonctionnera pas pour moi j'utilise des guidons express, pouvez-vous m'aider? Est-ce possible avec les guidons express ? voici mon code. le gpareaData itère mais la branche n'est pas

{{#each gpareaData}}
  <tr>
    <td>
       <select class="form-control" name="gp_branch[]">
           <option value="{{id}}">{{desc}}</option>
             {{#each branch}}
           <option value="{{id}}">{{branch_desc}}</option>
             {{/each}}
       </select>        
     </td>
    <td><button type="button" class="btn btn-primary btn-sm" id="addRws3"><i class="fa fa-plus"></i></button></td>
</tr>
{{/each}}

{{#toutes les données}}
tout

{{#assignedData}}
attribué


{{#ifEqual id course_id }}
{{Titre}}

{{autre}}
{{Titre}}

{{/ifEqual}}

{{/assignedData}}
{{/toutes les données}}
Le contrôle de mon application n'entre même pas dans la boucle interne. Juste imprimer
tout
tout
tout
Peux-tu me dire pourquoi?
Cette page vous a été utile?
0 / 5 - 0 notes