Access properties of the parent with a Handlebars ‘each’ loop

by

Consider the following simplified data:

var viewData = {
    itemSize: 20,
    items: [
        'Zimbabwe', 'dog', 'falafel'
    ]
};

And a Handlebars template:

{{#each items}}
    <div style="font-size:{{itemSize}}px">{{this}}</div>
{{/each}}

This won’t work because within the each loop, the parent scope is not accessible — at least not in any way that I’ve tried. I’m hoping that there’s a way of doing this though!

4 Answers
4

Leave a Comment