我正在使用 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}}。