H5 Handlebars的简单使用
H5中都是Html,在这里我们没有el标签。所以我们只能借助模板。好处上面已经介绍了 扫码关注公众号,不定期更新干活 web 开发中,js 解析JSON 是经常的事情。非常繁琐。handlebars 使用了模版,只要你定义一个模版,提供一个json对象,handlebars 就能吧json对象放到你定的模版中,非常方便好用! H5中都是Html,在这里我们没有el标签。所以我们只能借助模板。好处上面已经介绍了。 第一步:在html中定义模板,将后台的json放在模板里。 <script id="task-table-template" type="text/x-handlebars-template"> {{#each this}}//遍历循环的格式,相当于foreach <a href="{{link}}">//json中的link必须是{{}}格式 <strong> {{Obj_title}}//同上 </strong> </a> {{/each}} </script> 第二步:在js中实例化这个模板 var myTemplate = Handlebars.compile($("#task-table-template").html()); 第三步:将后台json传进来显示,并确定模板显示位置,下面的列子 将模板显示在class=notice_srcoll的div上 $('