嵌套的{{#each}}无法正常工作

Question

我的JavaScript中包含以下数组：

let food = [
    'taco',
    'burrito',
    'hamburger',
  ]

let drinks = [
    'water',
    'milk',
    'soda',
  ]

我将这些传递给我的Handlebars模板，然后执行以下操作：

{{#each food as |food|}}
  {{food}}
  {{#each drinks as |drink|}}
    {{drink}}
  {{/each}}
{{/each}}

但是只打印出来

taco burrito hamburger

我希望输出是这样的（为了清晰起见，以换行符分隔）

taco
water
milk
soda
burrito
water
milk
soda
hamburger
water
milk
soda

似乎完全忽略了嵌套的每个循环。怎么了

Answer 1

这是一个上下文问题。内部each是在drinks未定义的外部的上下文中。

这是一个工作模板的例子；

{{#each food as |food|}}
  {{food}}
  {{#each ../drinks as |drink|}}
    {{drink}}
  {{/each}}
{{/each}}

在这里，我们用于../回溯到drinks定义了父级上下文的位置。