遍历对象数组的 Handlebar 表达式

Question

我有一个要求，我必须使用 handlebar helper 迭代两个对象数组。

假设我有这样的数据

{
  people: [
    "Aman",
    "Ashok",
    "Ashley",
  ],
  Animals: [
   "Panda",
   "Tiger",
   "Lion"
  ]
}

使用 handlebar helper 的输出应该是这样的

安缦，熊猫阿肖克，老虎阿什莉，狮子

如果我使用下面的表达式，Animals 中的所有值都会为每个人的值打印出来。

 <class="people_list">
  {{#each people}}
{{../Animals}}
    <li>{{this}}</li>
  {{/each}}

如何分别迭代 Animals 和 people 数组的每个值？

Answer 1

您可以为此目的使用 lookup 助手：

<ui class="people_list">
  {{#each people}}
    <li>{{this}}, {{lookup ../Animals @index}}</li>
  {{/each}}
</ul>

Handlebar Expression to Iterate over object Arrays