手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JsRender for object语法简介
JsRender for object语法简介
摘要:本文简要讲述了JsRenderforobject的基本语法。分享给大家供大家参考。具体如下:JsRender作为一款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}}

<p>.{{:city}}</p>

{{/for}}

{{/for}}

result:

复制代码 代码如下: address_city

从结果可以看出,虽然members的item下也有city属性,但由于通过{{for address}}进入到了address指向的Object中,{{:city}}直接从address中获取了。

同时,address有三个属性,但结果只输出了一行,证明{{for Object}}是不会循环的,仅仅是切换一下this。

希望本文所述对大家JsRender程序设计的学习有所帮助。

【JsRender for object语法简介】相关文章:

Javascript 高阶函数使用介绍

JavaScript基本语法讲解

JavaScript中反正弦函数Math.asin()的使用简介

详解Javacript和AngularJS中的Promises

分享自己用JS做的扫雷小游戏

JQuery中节点遍历方法实例

js去除浏览器默认底图的方法

农历与西历对照

JavaScript中的parse()方法使用简介

js事件监听器用法实例详解

精品推荐
分类导航