handlebar JS模板使用笔记

handlebar JS模板使用笔记

直接上代码：

（定义模板）

（编译注入）

***知识点***

//数据必须为Json数据(强调：jsonp数据不行，和json是两种数据，jsonp多了callback回调函数来包裹json数据)

遍历模板写法：

（1）{{# test}}  {{/ test}}

（2）{{each test}}  {{/each}}

（3）{{#if test}} //if test不为空，模板渲染

　　　　　（模板渲染的区域）

　　   　　{{else}} //else   test为空，模板渲染

　　　　　（模板渲染的区域）

　　　{{/if}}

（4）{{{ Content }}} 三个括号可以解析带html标签的数据

例如：Content=<img src=“url“ alt=“”/>

{{{Content}}} 解析出来的是一张图片