Handlebars 嵌套迭代内置助手 - 空输出

Question

我正在尝试在另一个内部使用迭代助手。但是内帮手没有输出任何东西。

这是车把模板：

{{#people}}
    <h4>{{firstName}} {{lastName}}</h4>
    {{#students}}
    <h3>{{firstName}} {{lastName}}</h3>
    {{/students}}
{{/people}}

那是我的 JSON :

{
  people : [
    { firstName: "Yehuda", lastName: "Katz" },
    { firstName: "Carl", lastName: "Lerche" },
    { firstName: "Alan", lastName: "Johnson" }
  ],
  students: [
    { firstName: "Mike", lastName: "Smith" },
    { firstName: "Dan", lastName: "Knight" },
    { firstName: "Griffin", lastName: "Smith" }
  ]
}

这个问题的解决方案是什么？在此处快速在线尝试代码：http://tryhandlebarsjs.com/

Answer 1

表达式 {{#people}}...{{/people}} 产生三个上下文：

{ firstName: "Yehuda", lastName: "Katz" },
{ firstName: "Carl", lastName: "Lerche" },
{ firstName: "Alan", lastName: "Johnson" }

所以在任何这些上下文中都没有学生，这就是为什么内部表达式 {{#students}}...{{/students}} 没有输出。

您能详细说明一下您要实现的目标吗？

Answer 2

非常感谢 J P....你的回答很好... 正确的代码是：

{
  people : [
    { firstName: "Yehuda", lastName: "Katz", students: [{ firstName1: "Mike", lastName1: "Smith"
}] },
    { firstName: "Carl", lastName: "Lerche", students: [{ firstName1: "Mike", lastName1: "Smith"
}]  },
    { firstName: "Alan", lastName: "Johnson", students: [{ firstName1: "Mike", lastName1: "Smith"
}]  }
  ],
}

Handlebars 嵌套迭代内置助手 - 空输出

Handlebars nested iteration build-in helper - empty output

json

node.js

loops

helper

handlebars.js