1. 程式人生 > >小程式學習之旅----基礎知識

小程式學習之旅----基礎知識

<view wx:if="{{flag}}">
  <text>
    view 當作div
    text 當作span
    繫結資料--{{message}}
    繫結物件--{{obj.name}}
    條件判斷wx:if='{{flag}}'
  </text>
</view>
<view data-aid="{{aid}}">繫結屬性:aid</view>
<view class="item" wx:for="{{list}}" wx:key="{{index}}">
  列表迴圈陣列{{index}}---{{item}}
</view>
<view class="item" wx:for="{{listobj}}" wx:key="{{index}}">
  列表迴圈陣列物件{{index}}---{{item.title}}
</view>
<view class="item" wx:for="{{listobj2}}" wx:key="{{index}}">
  列表迴圈巢狀陣列物件{{index}}---{{item.title}}
  <view wx:for='{{item.arr}}' wx:key="{{item.aid}}">
    {{index}}---{{item.name}}---{{item.aid}}
  </view>
</view>
 <hr> 
使用 wx:for-item 可以指定陣列當前元素的變數名,

使用 wx:for-index 可以指定陣列當前下標的變數名:
<view class="item" wx:for="{{listobj2}}" wx:key="{{index}}" wx:for-item='item'>
  列表迴圈巢狀陣列物件{{index}}---{{item.title}}
  <view wx:for='{{item.arr}}' wx:key="{{item.aid}}">
    {{index}}---{{item.name}}---{{item.aid}}
  </view>
</view>