美文网首页
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