Handlebars JS access nested array

Question

Have an array nested inside another array.

const data = [
    id: 1,
    plan_name: foo,
    description: foo bar,
    test: [{
           id: 44,
           activity_name: bar,
           comment: var
           },
           {
           id: 45,
           activity_name: var,
           comment: bar
           }],
    userId: 3
];

Printing data in a view template using:

{{#each data}}
    <p>{{plan_name}}</p>
    <p>{{test}}</p>
{{/each}}

The output is:

p1
[object Object],[object Object]
p2
[object Object],[object Object],[object Object]
p3
[object Object],[object Object]

How can I access the objects in the nested array using handlebars so that for every instance in the data array all items in the test array are printed?

Test is an array containing a number of objects. Edited to make it more clear — anaximander
– anaximander, Commented Jan 19, 2019 at 9:42
This code example should not even work, it's not a correct array syntax — Mero
– Mero, Commented Oct 4, 2023 at 14:22

Mo A · Accepted Answer · 2019-01-19 09:47:36Z

1

Try this:

{{#each data}}
    <p>{{plan_name}}</p>>
    {{#each test}}
        {{activity_name}}
        {{comment}}
    {{/each}}
{{/each}}

answered Jan 19, 2019 at 9:47

Mo A

7271 gold badge8 silver badges19 bronze badges

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

1 Comment

anaximander Over a year ago

That did the trick, this was actually what i tried originally with another result, must have been some magic along the way.

LLai · Accepted Answer · 2019-01-19 02:07:33Z

1

You can use the #with handlebar to access the object

{{#each data}}
    <p>{{plan_name}}</p>>
    {{#with test}}
        {{activity_name}}
        {{comment}}
    {{/with}}
{{/each}}

answered Jan 19, 2019 at 2:07

LLai

13.5k3 gold badges45 silver badges46 bronze badges

3 Comments

anaximander Over a year ago

Still getting the same output for some reason, feels like it should work though

anaximander Over a year ago

Getting this output now instead p1 > p3 > p3 >

Mo A Over a year ago

Is ‘test’ meant to be an object? If so it should be enclosed within curly brackets {} instead of []. If it’s an array or objects then each object should be within the curly bracket like test=[{id:1, ..}, {id:2,..}]. If it’s an object, then the suggestion above should work.

Collectives™ on Stack Overflow

Handlebars JS access nested array

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related