Handlebars 模板引擎

2018-04-19  本文已影响0人  a不知所谓

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 | 做有趣的事

上一篇下一篇

猜你喜欢

热点阅读