小程序-for循環


微信小程序的在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']
  }

  顯示結果為:

 

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM