handlebars.js “each” loop inside another “each” loop 3

Question

Suppose I want to build a dynamic table. How do I run each inside each. If the only varible that represents current item is this.

   {{#each by_width}}
       {{#each by_height}}
          {{this}} // how do refer to this from the outer loop?
       {{/each}}
   {{/each}}

mu is too short · Accepted Answer · 2012-12-27 19:11:28Z

74

You can use ../ to access the parent in a Handlebars template:

{{#each by_width}}
    {{#each by_height}}
       w: {{../this}}
       h: {{this}}
    {{/each}}
{{/each}}

That of course assumes that by_height is inside each element of by_width, if they're both at the top level then you'd need another ../:

{{#each by_width}}
    {{#each ../by_height}}
       w: {{../this}}
       h: {{this}}
    {{/each}}
{{/each}}

answered Dec 27, 2012 at 19:11

mu is too short

436k71 gold badges863 silver badges822 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

And how do you get {{@index}} of {{../this}} ?

Colas · Accepted Answer · 2015-11-11 23:36:01Z

0

Don't write {{../this}} but {{..this}}.

answered Nov 11, 2015 at 23:36

Colas

3,5634 gold badges34 silver badges72 bronze badges

are you sure {{..this}} working withobject keys in loop

When I wrote that, yes I was sure. But, I haven't been doing meteor for a while.