根据慕课网教程及个人实践的心得
标签的复用
1、在.js 的onLoad()函数中定义一个数组:
var Array=[
{
author: "/pics/author/1.jpg",
authorname: "Helin",
content: "This is my cat Fengfeng",
image: "/pics/lcf.jpg"
},
{
author: "/pics/author/2.jpg",
authorname: "Cissy",
content: "The sleeping cat is so cute!!!",
image: "/pics/catsleep.jpg"
}
]
2、将数组数据绑定到.wxml上
用< block>< /block>将要循环的标签放在里面,无含义,类似{}
属性: wx:for=“X”,X为数组或集合
如:wx:for=”{{Array}}” 注意:属性数据要加引号
3、循环体中的子元素绑定
wx:for-item=”item”,这句话也可以不写,因为默认值为item。
绑定的元素都是{{item.~}}的形式~是元素名。
4、数组的数据绑定(.js中)
如果setData(Array),那仅将Array中的内容平铺进了Data()中。
解决:this.setData({Array_key:Array});
block中绑定的数组也改为Array_key
5、想知道某子元素的序号:
wx:for-index=”index”,默认值为index。
心得:
js的数据和wxml要同步,否则提示未定义。