Handlebars access outer index in nested loop

Question

Say I have the following code:

<div>
  {{#each questions}}
  <div id="question_{{@index}}">
    {{#each this.answers}}
    <div id="answer_{{???}}_{{@index}}">
      {{this}}
    </div>
    {{/each}}
  </div>
  {{/each}
</div>

How can I access the outer loop's index (question index) inside of the inner (answer) loop? Essentially I want the id in the format of "answer_questionIndex_answerIndex"

I was gonna say: start with this link to learn how to get index or key as required, and then combine that with this link — TKoL
– TKoL, Commented Dec 19, 2019 at 14:40
However, I no longer think that's possible, and you might have to do some data manipulation BEFORE you render your data -- put the index of the quesion inside the answers or the question, as a property — TKoL
– TKoL, Commented Dec 19, 2019 at 14:40

Community · Accepted Answer · 2020-06-20 09:12:55Z

4

Found this deep in some documentation

Block Parameters

New in Handlebars 3.0, it's possible to receive named parameters from supporting helpers.

{{#each users as |user userId|}}
  Id: {{userId}} Name: {{user.name}}
{{/each}}

In this particular example, user will have the same value as the current context and userId will have the index value for the iteration.

https://handlebarsjs.com/guide/block-helpers.html#hash-arguments

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Dec 19, 2019 at 14:45

TKoL

13.9k4 gold badges49 silver badges87 bronze badges

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

1 Comment

Mahi Over a year ago

I spent way too much time browsing the documentations and googling and found nothing, but this is perfect! Thank you very much

Collectives™ on Stack Overflow

Handlebars access outer index in nested loop

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related