Handlebars.js - 如何从二维数组中访问父级索引

Question

我有一个JSON对象中的二维数组（称为table）;

data = {

tableID : "testTable",

table : [
[{type:'a', value:'x'},{type:'a', value:'y'},{type:'a', value:'z'}],
[{type:'a', value:'x'},{type:'a', value:'y'},{type:'a', value:'z'}],
[{type:'a', value:'x'},{type:'a', value:'y'},{type:'a', value:'z'}]
]

};

使用以下模板，已成功地通过handlebars进行渲染：

<table id = "{{tableID}}-table">

{{#each table}}

    <tr id = "{{../tableID}}-row-{{@index}}">

        {{#each this}}

            <td id = "{{../../tableID}}-row-{{../index}}-col-{{@index}}">

                {{this.type}}-{{this.value}}

            </td>

        {{/each}}

    </tr>

{{/each}}

</table>

然而，在 td 标签中，我似乎无法访问父级索引 {{../index}} - 即行的索引。没有返回任何结果:

<td id = "testTable-row--col-x">

然而，我可以访问当前上下文的索引{{@index}}。有什么想法吗？非常感谢！Rich。附注：使用1.0.0-rc.3版本。

- user2212212

---

是的，那是个好点子。这是我目前采用的方向，但我希望有更简洁的解决方案 ;) - user2212212

可能是重复的问题：Handlebars.js：如何在嵌套的each中访问父索引？ - gius

Answer 1

自Handlebars 2.0.0版本以来，您可以使用{{else}}语句来代替{{#unless}}。

{{@../index}}

- gius

Answer 2

这是一个关于handlebar的开放问题/特性。您可以在此处检查同一进展情况。

然而，您可以在此处检查解决方法。

- Vinayak Sakhare