小程序学习记录：显示数组内容2

原文在这里：https://blog.csdn.net/michael_ouyang/article/details/55049387

index.js：

//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    arr: [{ text: "青青园中葵" }, {text: "朝露待日晞"}, {text: "阳春布德泽"}, {text:"万物生光辉"}]
  },
  //事件处理函数
  bindViewTap: function() {
    wx.navigateTo({
      url: '../logs/logs'
    })
  },
  onLoad: function () {

  }
})

index.wxml：

<!--index.wxml-->
<view class="container">

  <block wx:for="{{arr}}">
    <!-- <view >{{item}}</view> -->
    <view >{{index}}:{{item.text}}</view>
  </block>

</view>

对 index.wxml 略作修改，效果是一样的：

<!--index.wxml-->
<view class="container">

  <block wx:for="{{arr}}" wx:for-index="idx" wx:for-item="itname">
    <!-- <view >{{item}}</view> -->
    <view >{{idx}}:{{itname.text}}</view>
  </block>

</view>

就是说，wx:for-index 和 wx:for-item 可以修改默认名称（index，item）为其他名称。