遍历二维数组时获取外部for循环的索引

Question

我正在 jsrender 模板中迭代二维数组。我想获得两个 'for' 循环（内部和外部）的索引。可能吗？我知道我可以使用#index 变量获取当前（内部）'for' 循环的索引。但是我怎样才能得到外部索引呢？示例

  {{for cachedImages}}
  <tr>
    {{for #data}}
    <td><img src="/Cache/{{:#outerIndex}}/{{:#index}}"/></td>
    {{/for}}
  {{/for}}

Answer 1

您可以通过 parents 升级，然后使用：

{{for cachedImages}}
  <tr>
    {{for #data}}
      <td><img src="/Cache/{{:#parent.parent.index}}/{{:#index}}"/></td>
    {{/for}}
  </tr>
{{/for}}

或者，您可以在外循环中定义一个上下文索引变量，您可以从嵌套上下文中访问它：

{{for cachedImages}}
  <tr>
    {{for #data ~outerIndex=#index}}
      <td><img src="/Cache/{{:~outerIndex}}/{{:#index}}"/></td>
    {{/for}}
  </tr>
{{/for}}

另请参阅其他一些回复，例如：JsRender Access parent index in nested template

遍历二维数组时获取外部for循环的索引

Getting index of outer for loop when iterating over 2 dimensional array

javascript

jsrender