JsRender for object語法簡介
本文簡要講述了JsRender for object的基本語法。分享給大家供大家參考。具體如下:
JsRender 作為一款JavaScript模版引擎,必不可少的會有循環(huán)功能,也就是for,但由于JsRender過于靈活,for竟然可以接受object作為循環(huán)對象。
{{for Array}}和{{for Object}}都是允許的,{{for Array}}大家都能理解,就是遍歷一個數(shù)組,逐個取出每個元素。但{{for Object}}就有點讓人匪夷所思了,而且官方文檔只是舉了個沒什么幫助的例子,其他無任何說明。
剛開始小菜以為{{for Object}}的用意是遍歷該Object的所有屬性,但仔細一想,這個功能{{props Object}}已經(jīng)實現(xiàn)了,props標簽的作用就是遍歷Object所有屬性,有多少個屬性,就循環(huán)多少次,每次循環(huán)都會有兩個隱藏的屬性:key,prop,key代表屬性名,prop代表屬性值,用起來非常方便。
實際上,{{for Object}}并不是循環(huán),它可以理解成進入(Into),也就是說進入到Object環(huán)境中,把當前的上下文設(shè)置為Object,類似于Handlebars.js中的with。
舉個例子:
data:
"title": "The A team",
"members": [
{
"name": "Pete",
"city": "members_city",
"address": {
"city": "address_city",
"city1": "address_city1",
"city2": "address_city2"
}
}
]
}
template markup:
{{for address}}
<p>.{{:city}}</p>
{{/for}}
{{/for}}
result:
從結(jié)果可以看出,雖然members的item下也有city屬性,但由于通過{{for address}}進入到了address指向的Object中,{{:city}}直接從address中獲取了。
同時,address有三個屬性,但結(jié)果只輸出了一行,證明{{for Object}}是不會循環(huán)的,僅僅是切換一下this。
希望本文所述對大家JsRender程序設(shè)計的學習有所幫助。
相關(guān)文章
JS小功能(checkbox實現(xiàn)全選和全取消)實例代碼
這篇文章主要介紹了checkbox實現(xiàn)全選和全取消實例代碼,有需要的朋友可以參考一下2013-11-11
Bootstrap table 服務(wù)器端分頁功能實現(xiàn)方法示例
關(guān)閉瀏覽器輸入框自動補齊 兼容IE,FF,Chrome等主流瀏覽器
js 調(diào)用百度地圖api并在地圖上進行打點添加標注
經(jīng)常用到的javascript驗證函數(shù)收集
CocosCreator入門教程之網(wǎng)絡(luò)通信

