page style gin script ack div post 代碼 bsp

獲取了 N 條信息（具體有多少條不確定），如何在界面中動態呈現出來呢？

.wxml 代碼

<view wx:for="{{items}}" wx:for-index="index" wx:for-item="item">
{{index+1}}、{{item.title}}
</view>

核心代碼就是 wx:for，對應一個數組。

而 wx:for-index 指明後面如果要用數組索引的話， 用什麽名字，如果名字是 index，則可省略，直接使用。

而 wx:for-item 指明後面如果要用數組索引對應的項的話，用什麽名字，如果名字是 item，則可省略，直接使用。

.js 代碼

Page({

data: {
items: [
{
"url":"http://127.0.0.1/1.flv",
"title":"這是標題一"
},
{
"url":"http://127.0.0.1/2.flv",
"title":"這是標題二"
}
]
}

})

微信小程序－wx:for 循環列表