Руль JS доступа к вложенному массиву

Question

Массив вложен в другой массив.

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
];

Печать данных в шаблоне представления с использованием:

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

Вывод:

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

Как я могу получить доступ к объектам во вложенном массиве, используя рули, чтобы для каждого экземпляра в массиве данных были напечатаны все элементы в тестовом массиве?

Answer 1

Попробуйте это:

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

Answer 2

Вы можете использовать #with руль для доступа к объекту

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