Why does nested each in template output nothing

Question

While this is rendered as expected:

{{#each Items}}  // a collection
  {{title}}  
{{/each}}  
{{#each types}}  // another ollection
  {{refId}}  
{{/each}}

if I put it together:

{{#each Items}}  
  {{title}}  
  {{#each types}}  
    {{refId}}  
  {{/each}} 
{{/each}}

The #each types is empty.

The template helpers:

Template.menuItems.helpers({
    restMenuItems: function() {
        return RestMenuItems.find({restRefId: this._id}, {sort:Template.instance().sort.get()});
    },
    restMenuSideItems: function() {
        return RestMenuSideItems.find({restRefId: this._id},            {sort:Template.instance().sort.get()});
    }
});

Template.menuItems.onCreated( function(){
    this.subscribe('restMenuItems');
    this.subscribe('restMenuSideItems');
});

And some of the template code:

{{#each restMenuItems}}
  <div>
    <select class="list-group select_side_addons">
      {{#each restMenuSideItems}}
        <option>{{restRefId}}</option>
      {{/each}}
    </select>
  </div>
{{/each}}

Even when replacing {{#each restMenuSideItems}} by {{#each ../restMenuSideItems}}, nothing appears.

What's wrong?

MasterAM · Accepted Answer · 2016-01-31 14:44:37Z

3

Because the #each clause changes the data context to the current item.

If you want a list of types inside each of the Items, you can get the parent data context using ...

If types is an attribute of the parent context:

{{#each Items}}  
  {{title}}  
  {{#each ../types}}  
    {{refId}}  
  {{/each}} 
{{/each}}

If types is a template helper, you can pass the parent context as an argument to it:

{{#each Items}}  
  {{title}}  
  {{#each types ..}}  
    {{refId}}  
  {{/each}} 
{{/each}}

and use the context for your query.

Template.myTemplate.helpers({

  types: function(parent) {
    // you now have the parent context here.
    // use parent._id etc. where you used this._id in the
    // "flat" version.
  }
});

edited Jan 31, 2016 at 14:44

answered Jan 31, 2016 at 12:04

MasterAM

16.5k6 gold badges47 silver badges68 bronze badges

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

5 Comments

Avi A Over a year ago

Thanks, but it is still the same.

MasterAM Over a year ago

Strange, that should work. Can you provide more code (e.g, your helpers and more complete template code)? Where do Items and types come from?

Avi A Over a year ago

Just did. @MasterAM

Avi A Over a year ago

With a different collection inside the each it works without the need to use the ../, I guess because they don't have fields with the same keys.

MasterAM Over a year ago

The issue is likely not with it being the same/different collection, but with the fact that it is a helper using the data context for the query. Passing the parent data context as a parameter should do it.

Collectives™ on Stack Overflow

Why does nested each in template output nothing

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related