国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

JsRender for object語法簡介

2024-05-06 16:10:17
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了JsRender for object語法,以實例形式講述了for Object的用法,需要的朋友可以參考下
 
 

本文簡要講述了JsRender for object的基本語法。分享給大家供大家參考。具體如下:
 
JsRender 作為一款JavaScript模版引擎,必不可少的會有循環功能,也就是for,但由于JsRender過于靈活,for竟然可以接受object作為循環對象。

{{for Array}}和{{for Object}}都是允許的,{{for Array}}大家都能理解,就是遍歷一個數組,逐個取出每個元素。但{{for Object}}就有點讓人匪夷所思了,而且官方文檔只是舉了個沒什么幫助的例子,其他無任何說明。

剛開始小菜以為{{for Object}}的用意是遍歷該Object的所有屬性,但仔細一想,這個功能{{props Object}}已經實現了,props標簽的作用就是遍歷Object所有屬性,有多少個屬性,就循環多少次,每次循環都會有兩個隱藏的屬性:key,prop,key代表屬性名,prop代表屬性值,用起來非常方便。

實際上,{{for Object}}并不是循環,它可以理解成進入(Into),也就是說進入到Object環境中,把當前的上下文設置為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 members}}
   {{for address}}
     <p>.{{:city}}</p>
   {{/for}}
 {{/for}}

 

result:

 

復制代碼代碼如下:
address_city

 

 

從結果可以看出,雖然members的item下也有city屬性,但由于通過{{for address}}進入到了address指向的Object中,{{:city}}直接從address中獲取了。

同時,address有三個屬性,但結果只輸出了一行,證明{{for Object}}是不會循環的,僅僅是切換一下this。

希望本文所述對大家JsRender程序設計的學習有所幫助。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 韶山市| 开远市| 调兵山市| 新沂市| 佛山市| 镇原县| 漠河县| 西安市| 磐石市| 樟树市| 蒙城县| 大余县| 永济市| 马边| 修水县| 武乡县| 汶川县| 蕉岭县| 承德县| 临颍县| 共和县| 集安市| 普陀区| 抚州市| 嘉鱼县| 蓬安县| 马关县| 遂川县| 广水市| 邮箱| 富民县| 孝昌县| 皋兰县| 鄂伦春自治旗| 夹江县| 客服| 张家口市| 丰都县| 石屏县| 新兴县| 宜章县|