Handlebars.js: iteração aninhada com capacidade de acessar pai

Criado em 18 out. 2011  ·  5Comentários  ·  Fonte: handlebars-lang/handlebars.js

Comentários muito úteis

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

Todos 5 comentários

Uma abordagem simples seria registrar um ajudante:

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

Desculpe trazer este problema de volta, mas não vejo como este auxiliar 'get' dará acesso ao pai, a menos que criemos referências circulares.

Você poderia expandir o que quer dizer com "{{get .. this}}"? Se isso é um órgão, como podemos usar isso para encontrar o animal progenitor?

Eu gostaria de usar handlebars.js para iterar sobre uma lista de famílias e, em seguida, iterar sobre os membros dessa família. Dentro de ambos os loops, quero exibir as propriedades de ambos. No entanto, uma vez que entro na segunda iteração, nenhuma das variáveis ​​da família é visível.

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

Isso é possível com guidão? Se não, tudo bem. Agradeceria muito qualquer ajuda!

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

Olá pessoal estou aprendendo node/express agora, o código acima não vai funcionar para mim estou usando express-handlebars, você pode me ajudar? Isso é possível com guidão expresso? aqui está o meu código. o gpareaData está iterando, mas a ramificação não está

{{#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}}

{{#todos os dados}}
tudo

{{#assignedData}}
atribuído


{{#ifEqual id course_id }}
{{título}}

{{senão}}
{{título}}

{{/ifEqual}}

{{/assignedData}}
{{/todos os dados}}
Meu controle de aplicativo nem está entrando no loop interno. Apenas imprimindo
tudo
tudo
tudo
Pode me dizer por quê?
Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

ShintaroOkuda picture ShintaroOkuda  ·  7Comentários

NickCis picture NickCis  ·  4Comentários

mattkime picture mattkime  ·  4Comentários

stevenvachon picture stevenvachon  ·  7Comentários

janus-reith picture janus-reith  ·  3Comentários