//- 模板文件
menu.hbs
<h3>{{title}}</h3>
<div>{{content}}</div>
{{/each}}
//- JSON数据
menu.json
[{
"title": "统计报表",
"content": "统计报表的内容~"
},{
"title": "活动统计",
"content": "活动统计的内容~"
},{
"title": "店铺统计",
"content": "店铺统计的内容~"
}]
//- 页面入口文件
index.html
我自己的思路是这样子的,我先 ajax 请求加载进来 json 数据,成功之后,再 ajax 请求 Handlebars 模板,再用前的 json 数据与 模板进行绑定,最后插入到页面中~
$.when(/请求数据/, /请求模板/).done(function(a1, a2){
// 预编译,加入数据,插入dom
});
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。