javascript - Handlebars - #if 基于 #each 中的父属性

Question

假设我有以下数据:

[
  {
    id: 1,
    someFoo: true,
    things: [
      { blah: "bang" },
      { blah: "bing" }
    ]
  },
  {
    id: 2,
    someFoo: false,
    things: [
      { blah: "boop" },
      { blah: "barp" }
    ]
  }
]

在 Handlebars 中，如何检查 {{#each things}} 中的 someFoo 是否为 true？

我已经尝试过:

{{#each things}}
<p>{{blah}}</p>
{{#if ../someFoo}}<p>Yay!</p>{{/if}}
{{/each}}

运气不好。

编辑，抱歉，我的数组似乎有点误导。实际用例是我有一张可能包含税费的发票。所以，数据是这样的:

{
    tax: 0, // <-- this could be non-0, in which case should be "truthy"
    orders: [
        {words: 2, text: "some text", pay: 5.4},
        {words: 3, text: "some more text", pay: 7.8}
    ]
}

模板是这样的:

<table class="clear">
  <thead>
    <tr>
      <th>Description</th>
      <th>Quantity</th>
      {{#if tax}}<th>PU HT</th>{{else}}<th>PU</th>{{/if}}
      {{#if tax}}<th>TVA</th>{{/if}}
      {{#if tax}}<th>Total HT</th>{{else}}<th>Total</th>{{/if}}
    </tr>
  </thead>
  <tbody>
    {{#each orders}}
    <tr>
      <td>Start of text: {{substring text}}...</td>
      <td align="right">1.00 U</td>
      <td align="right">{{accounting pay}}</td>
      {{#if ../tax}}<td align="right">20.00%</td>{{/if}}
      <td align="right">{{accounting pay}}</td>
   </tr>
   {{/each}}
  </tbody>
</table>

我的问题是 {{#each}} 外部的 {{#if}} 有效，但内部的无效。

Answer 1

除了数据上的另一个循环之外，您的代码片段没有任何问题。

{{#each this}}
  {{#each things}}
    <p>{{blah}}</p>
    {{#if ../someFoo}}<p>Yay!</p>{{/if}}
  {{/each}}
{{/each}}

您可以使用../访问当前每个 block 的变量1级