迭代二维数组时获取外部for循环的索引

【问题标题】：Getting index of outer for loop when iterating over 2 dimensional array迭代二维数组时获取外部for循环的索引
【发布时间】：2015-06-16 17:09:36
【问题描述】：

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

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

【问题讨论】：

标签： javascript jsrender

【解决方案1】：

您可以通过父母加强，并使用：

{{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

【讨论】：