javascript - Handlebars 访问嵌套属性

Question

我正在尝试使用 Handlebars 来打印从 json 获取的列表。数据结构很复杂(对我来说)，所以我似乎无法获得我需要的嵌套属性。

数据如下所示:

var data = [{
    "response": {
        "status": "ok",
        "indexes": {
            "child": [
                {
                    "isDir": false,
                    "contentType": "video/avi",
                    "suffix": "avi",
                },
                {
                    "isDir": false,
                    "contentType": "video/avi",
                    "suffix": "avi",
                }
            ],
            "index": [
                {
                    "name": "A",
                    "dataIneed": [
                        {
                            "id": 291,
                            "name": "Example1"
                        },
                        {
                            "id": 292,
                            "name": "Example2"
                        },
                        {
                            "id": 293,
                            "name": "Example3"
                        },
                    ]
                }
            ],
            "lastModified": 1385842880050
        },
        "xmlns": "http://example.org/restapi",
        "version": "123"
    }
}]

在我想打印的表格中:

• 示例1
• 示例2
• 示例3

我的 html/ Handlebars 看起来像这样:

<table class="table">
    {{#each }}
        <tr><td>
            {{response.indexes.index.0.dataIneed.0.name}}
        </td></tr>
    {{/each}}
</table>

并且能够打印:

• 示例1

如何循环得到我想要的结果？

Answer 1

您必须指定循环位置

<table class="table">
  {{#each esponse.indexes.index.0.dataIneed}}
    <tr><td>
      {{this.name}}
    </td></tr>
  {{/each}}
</table>