您好,欢迎访问一九零五行业门户网

JsRender for object语法简介_javascript技巧

本文简要讲述了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}}
     .{{:city}}
{{/for}}
 {{/for}}
result:
复制代码 代码如下:
address_city
从结果可以看出,虽然members的item下也有city属性,但由于通过{{for address}}进入到了address指向的object中,{{:city}}直接从address中获取了。
同时,address有三个属性,但结果只输出了一行,证明{{for object}}是不会循环的,仅仅是切换一下this。
希望本文所述对大家jsrender程序设计的学习有所帮助。
其它类似信息

推荐信息