首页 > 其他 > 详细

小程序-for循环

时间:2017-01-18 12:44:26      阅读:714      评论:0      收藏:0      [点我收藏+]

微信小程序的在wxml的for循环和angularjs的循环方式相差不多,格式为:<view wx:for="循环体">{{index}}     {{list}} </view> 这里的list是循环体里的数据的固定名称,index为循环数据的索引值即下标值的固定名称

如果是嵌套循环,很容易出现多个list和index,所以在小程序中可以重命名 list 和index  方法为:wx:for-index=‘重命名‘ wx:for-list="重命名"

例子如下:

wxml:

<view>
<!--改变item(value),index名字-->
改变名称:
<text class=‘{{classname}}‘ wx:for="{{arr}}" wx:for-index="key" wx:for-item="value">{{key}}--{{value}}</text>
</view>

wxjs:

 data: {
 arr:[‘arr1‘,‘arr2‘,‘arr3‘]
  }

  显示结果为:

技术分享

 

  

小程序-for循环

原文:http://www.cnblogs.com/bellagao/p/6296001.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!