今回は、wx:forとwx:for-itemの違いと、wx:forとwx:for-itemを使用する際の注意事項についてご紹介します。実際のケースを見てみましょう。
wx:for="{{list}}"
は、 配列 、リストは配列名 wx:for-item="items"
であり、ループ プロセス wx:for="{{list}}"
用来循环数组,而list即为数组名wx:for-item="items"
の各要素の 変数
の場合)。 1 次元配列 を使用して、次のようにループします。
<view wx:for="{{list}}"> {{index}} {{item.name}} </view>
多次元配列 の場合は、次のようにループします:
<view wx:for="{{parentList}}"> {{item.id}} <view wx:for="{{item.childList}}" wx:for-item="items"> {{items.name}}{{item.account}} </view> </view> for (var i = 0 ; i < list.length; i++) { var xxx = list[i]; }
<view wx:for="{{list}}" wx:for-item="xxx"></view>
<view wx:for-item="{{list}}"> {{index}} {{item.name}} </view>
<view wx:for="{{parentList}}"> {{item.id}} <view wx:for-item="{{item.childList}}" wx:for-item="items"> {{items.name}}{{items.account}} </view>
<view wx:for="{{list}}"> {{index}} {{item.name}} </view>
<view wx:for="{{parentList}}"> {{item.id}} <view wx:for="{{item.childList}}" wx:for-item="items"> {{items.name}}{{item.account}} </view> </view> for (var i = 0 ; i < list.length; i++) { var xxx = list[i]; }
<view wx:for="{{list}}" wx:for-item="xxx"></view>
<view wx:for-item="{{list}}"> {{index}} {{item.name}} </view>
Angularの親コンポーネントから子コンポーネントを呼び出す手順の詳細な説明
以上がwx:for と wx:for-item の違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。