本文共 748 字，大约阅读时间需要 2 分钟。

js的模板引擎就和服务端的差不多，都是更好更快的拼接html用于显示，我参考了文章：http://www.cnblogs.com/zhuzhiyuan/p/3510175.html

tmpl常用标签

${}, {{each}}, {{if}}, {{else}}, {{html}}

不常用标签

 {{=}},{{tmpl}} and {{wrap}}.

1.

${}等同与{{=}}是输出变量 ${}里面还可以放表达式 （使用{{=}}的时候=和变量之间一定要有空格，否则无效，即为：{{= 变量}}）

 2.

{{each}} 提供循环逻辑，$value访问迭代变量 也可以自定义迭代变量(i,value)

该标签{{each}}   {{/each}}需要两两配合，其实就是each迭代器的用法{{each(i,data) datas}}  i是序号，data是单个数据，datas是数据集合，两这中间要有个空格

3.

{{if }} {{else}}提供了分支逻辑相当于else if，参照js语法即可

4.

使用此字段注意{{html 变量}}中间也是一个空格

5.

{{tmpl}} 嵌套模版

6.

{{wrap}},包装器

7.

8.

 9.

$.template函数