Handlebars 模板引擎

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中



最后


详情网址    Handlebars.js 中文文档 - KeenWon | 做有趣的事

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • http://segmentfault.com/a/1190000000342636?from=androidqq...
    江火渔枫阅读 9,114评论 1 3
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,837评论 18 139
  • 6月25日,寻游json挖下的坑 心中潜藏的固执终于爆发,因为开始于杨元的博客,固执于每一次渲染开始于循环、结束于...
    紫陌于微阅读 3,002评论 2 6
  • 五月初四,天空从晴到阴。 在北方平原的 一个村庄里, 端午节 是没滋没味的周二。 今年麦收晚,村庄里还没有 田野的...
    十麦阅读 339评论 0 0
  • 当我们遇到喜欢的事时,总要保留一分清淡,才能得到中正的缘
    废话连篇之王阅读 207评论 0 1