Using a string as part of an #each loop in handlebars.js

Question

Relatively new to handlebars.js, but not templating. I am using two loops to output markup in specific order. Both collections.intro and collections.elements are created by https://github.com/segmentio/metalsmith-collections.

Javascript

var order = ['intro', 'elements'];

collections.intro = [
 { title: 'One' },
 { title: 'Two' }
];

collections.elements = [
 { title: 'One' },
 { title: 'Two' }
];

Handlebars

{{#each order}}

  {{this}} /* intro, elements */

  {{#each ../collections.[this]}}
    {{this.title}}
  {{/each}}

{{/each}}

Is there anyway to use this from the order loop to access the correct collections. Both collections[intro] and collections[elements] work when hard coded.

mikedidthis · Accepted Answer · 2015-08-04 13:20:44Z

1

Managed to resolve this with a custom helper:

Javascript

Handlebars.registerHelper( 'collection', function ( slug, options ) {
  return options.data.root.collections[slug];
});

Handlebars

{{#each order}}

  {{#each (collection this)}}
    {{this.title}}
  {{/each}}

{{/each}}

answered Aug 4, 2015 at 13:20

mikedidthis

4,9073 gold badges30 silver badges43 bronze badges

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

Collectives™ on Stack Overflow

Using a string as part of an #each loop in handlebars.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related