小程序之for循环。。。

//wxml--------------

<view>

<!-- 使用for循环，标签内部使用item代表当前被遍历的元素 -->

<!-- 如果全局属性中用item属性，可以使用 wx:for-item="aaa"来定义名称

给遍历的下标定义名称 wx:for-index -->

<view wx:for="{{tobos}}" wx:for-item="abc" >

<checkbox checked='{{abc.completed}}'></checkbox>

<text>{{item.name}}</text>

</view>

<!-- for循环嵌套 -->

<view wx:for="{{var1}}" wx:for-item="i">

<view wx:for="{{var2}}" wx:for-item="j">

　　<!-- if判断-->

<view wx:if="{{i<=j}}">

{{i}}x{{j}}={{i*j}}

</view>

</view>

<view style='width:100%; height:1px; background:#aaa;'></view>

</view>

</view>

 

//js--------------

data: {

tobos: [

{name:'JS',completed:false},

{name:'HTML',completed:true},

{name:'css',completed:false}

],

var1: [1, 2, 3, 4, 5, 6, 7, 8, 9],

var2: [1, 2, 3, 4, 5, 6, 7, 8, 9]

}

转载于:https://www.cnblogs.com/nili/p/10444618.html