jsRender 循环for 和props
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jsRender 循环for 和props，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1731字，纯文字阅读大概需要3分钟。
内容图文
jsrender提供多重循环方式
1.{{for array}}循环数组
2.{{props object}}循环对象
1.for array的使用
<
body
>
<
div
id
="result"
></
div
>
<
script
id
="theTmpl"
type
="text/x-jsrender"
>
<
b
>
{{:title}}
<
/
b>
<
ul
>
{{
for
members}}
<
li
>
{{:name}} lives
in
<
b
>
{{:address.city}}
<
/
b><
/
li
>
{{
/
for}}
<
/
ul>
</
script
>
<
script
>
var
data
=
{
"
title
"
:
"
The A team
"
,
"
members
"
: [
{
"
name
"
:
"
Pete
"
,
"
address
"
: {
"
city
"
:
"
Seattle
"
}
},
{
"
name
"
:
"
Heidi
"
,
"
address
"
: {
"
city
"
:
"
Sidney
"
}
}
]
};
var
template
=
$.templates(
"
#theTmpl
"
);
var
htmlOutput
=
template.render(data);
$(
"
#result
"
).html(htmlOutput);
</
script
>
</
body
>
2.props object的使用
循环object中的所有属性
<
body
>
<
div
id
="result"
></
div
>
<
script
id
="theTmpl"
type
="text/x-jsrender"
>
<
table
><
tbody
>
<
tr
><
td
><
b
>
name:
<
/
b> {{:name}}<
/
td
><
/
tr>
<
tr
><
td
>
{{props address}}
<
b
>
{{
>
key}}:
<
/
b> {{>prop}}<br
/
>
{{
/
props}}
<
/
td><
/
tr
>
<
/
tbody><
/
table
>
</
script
>
<
script
>
var
data
=
[
{
"
name
"
:
"
Pete
"
,
"
address
"
: {
"
street
"
:
"
12 Pike Place
"
,
"
city
"
:
"
Seattle
"
,
"
ZIP
"
:
"
98101
"
}
},
{
"
name
"
:
"
Heidi
"
,
"
address
"
: {
"
street
"
:
"
5000 Broadway
"
,
"
city
"
:
"
Sidney
"
,
"
country
"
:
"
Australia
"
}
}
];
var
template
=
$.templates(
"
#theTmpl
"
);
var
htmlOutput
=
template.render(data);
$(
"
#result
"
).html(htmlOutput);
</
script
>
</
body
>
原文：http://www.cnblogs.com/hwaggLee/p/4573565.html
内容总结
以上是互联网集市为您收集整理的jsRender 循环for 和props全部内容，希望文章能够帮你解决jsRender 循环for 和props所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】