美文网首页
Handlebars 模板引擎

Handlebars 模板引擎

作者: a不知所谓 | 来源:发表于2018-04-19 20:01 被阅读0次

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

相关文章

网友评论

      本文标题:Handlebars 模板引擎

      本文链接:https://www.haomeiwen.com/subject/iycihftx.html