handlebars筆記總結

是一個javascript的語義模板庫，是一個純js庫 什麼都不依賴

先引庫

通過script標籤載入模板

script的標籤上要寫 type="text/x-handlebars-template" id="td1"

好處

1.可以通過view 和data 來快速構建web界面

表達式以{{ 開頭 }}結尾

Handlebars.compile(模板標籤的Html)(data)

{}

vardata={

title:"程小夢是小可愛"

};;

把數據內的內容解析為標籤的話，多加一層花括弧{{{}}}

{{#each 要循環的數組名}}循環的開始

{}//數組為空的時候走else

暫時無影片

{{/each}}循環結束

單行注釋 {{!注釋}}

多行注釋 {{!--多行注釋 --}}

{{#if 變數名}}如果為假，包括[],不走後面

{{/if}}

{{#unless 變數名}}如果為假才走後面

{{/if}}

每個#號都有自己的作用域

this

{{@index}}//下標

遍歷對象，這時@key表示屬性名,this表示對應的值

{ {#each object} } { {@key} }: { }{ {/each} }

函數調用 {}

Handlebars.registerHelper("函數名", function(ind) {

return ind + 1

})

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！