handlebars是一个javascript语义模板库,可以通过view和data来快速构建web界面
1. {{{ }}} 用于解析标签
2.模板注释:
{{!注释}} 单行注释
{{!-- 注释 --}} 多行注释
3.循环{{#each}} {{else}} {{/each}}
4.if语句{{#if}} {{/if}} 反义 {{#unless}} {{/unless}}
5.Handlebars路径
查找上一级 ../
查找下一级 .
开始
Handlebars模板看起来和HTML一样,只是嵌入了 handlebars 表达式
使用<script>标签引入handlebars模板:
使用this可以访问到当前的上下文
另外,还可以使用{{else}}块,当列表内容为空的时候会显示{{else}}的内容
handlebars表达式以{{开头,中间写一些内容,以}}结尾。
在javascript中使用Handlebars.compile编译模板 传入数据上下文(context),handlebars会执行并生成HTML:
也可以引自己的数据
6.Handelbars可以使用Handelbars.registerHelper方法来注册 在 javascript中
最后
网友评论