1

我正在使用 PHP 文件从数据库中提取数据并将其作为 JSON 返回。然后我想使用 JSON 数据作为 Handlebars 模板的上下文。我的问题是我似乎无法让 Handlebars 的“{{#each}}”帮助程序与 PHP 文件返回的 JSON 一起工作。

以下是返回的 JSON 示例:

[
    {
        "id": "3",
        "type": "Abseiling",
        "title": "Abseiling Adventure",
        "location": "Glenrock State Conservation Area",
        "date": "2012-12-18 00:00:00",
        "length": "2 hours",
        "price": "50"
    },
    {
        "id": "1",
        "type": "Abseiling",
        "title": null,
        "location": "Glenrock State Conservation Area",
        "date": "2013-02-10 00:00:00",
        "length": "3 hours",
        "price": "70"
    }
]

这是我的把手模板:

{{#each}}
<p>{{location}}</p>
{{/each}}

我也试过:

{{#each}}
<p>{{this.location}}</p>
{{/each}}

我对为什么这不起作用的怀疑是#each 助手不能像我尝试的那样运行,而是必须像这样调用:{{#each something}}。如果是这种情况,是否有任何简单的方法可以向 JSON 数据添加密钥,使其采用以下形式:

something: [
    {
        ...
    },
    {
        ...
    }
]

如果我的怀疑是错误的,我如何将#each 助手与我当前提供的 JSON 一起用作模板上下文?

更新:找到了解决这个问题的方法,我只需要更改模板调用

jQuery(".events").html(Handlebars.templates['Events'](data));

jQuery(".events").html(Handlebars.templates['Events']({events: data}));

这意味着我可以使用 {{#each events}}。

4

1 回答 1

8

我遇到了同样的问题,并使用“ this ”关键字解决了这个问题。

{{#each this}}
  <p>{{this.location}}</p>
{{/each}}
于 2013-07-22T15:08:09.590 回答