微信小程序的在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'] }
顯示結果為: