Handlebars 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

您可以使用 #with 把手访问对象

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

Answer 2

试试这个：

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

Handlebars JS 访问嵌套数组

Handlebars JS access nested array

arrays

each

foreach

handlebars.js