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,118評論 1 3
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,881評論 18 139
  • 6月25日,尋游json挖下的坑 心中潛藏的固執終于爆發,因為開始于楊元的博客,固執于每一次渲染開始于循環、結束于...
    紫陌于微閱讀 3,002評論 2 6
  • 五月初四,天空從晴到陰。 在北方平原的 一個村莊里, 端午節 是沒滋沒味的周二。 今年麥收晚,村莊里還沒有 田野的...
    十麥閱讀 363評論 0 0
  • 當我們遇到喜歡的事時,總要保留一分清淡,才能得到中正的緣
    廢話連篇之王閱讀 209評論 0 1