写在开头的话:
阅读本文需要了解基本的Handlebars.js概念,本文并不是Handlebars.js基础教程,而是注重于实际应用,为读者阐述使用过程中可能会遇到的一些问题。
实际上,小菜写这篇文章,很大程度是因为关于这个插件的中文资料比较少,像小菜这样的新手难以快速使用。
小菜再次申明,本文不会讲解Handlebars.js的基本语法,网上资料很多,请读者自补。
目录:
为什么选择Handlebars.js?
如何引入Handlebars.js?
each-基本循环使用方法。
each-循环中使用this。
each嵌套
循环中使用索引
Handlebars.js循环中索引(@index)使用技巧(访问父级索引)
with-进入到某个属性(进入到某个上下文环境)。
with-终极this应用。
if-判断的基本用法。
由于if功力不足引出的Helper。
另一种Helper用法。
关于HTML编码。
结束语。
Demo打包下载:
下载地址