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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容