.js内容

Page({

    data:{

       startSize:"",

        array1: [

       'foo',

       'bar'

   ]

    },

    onLoad:function(options){

        //页面初始化options为页面跳转带来的参数

        var index = options.pageIndex;

        //每页显示数据

        var pageSize=10;

        //开始变量赋值

        this.setData({startSize:(index-1)*pageSize});

        var strSize=this.data.startSize;

        var endSize=strSize+pageSize;

        //计算并保存当前页显示的数据

        for (var i=strSize;i<endSize;i++){

                       this.data.array1.push("第"+(i+1)+"章");

        }

        console.log(this.data.array1);

    },

    onReady:function(){

    },

    onShow:function(){

    },

    onHide:function(){

    },

    onUnload:function(){

    }

})

在调试时明确显示出array1的内容是：

但是在wxml里调用时，只能调用最初的foo和bar

<view wx:for="{{array1}}">

  {{item}}

</view>

请问是什么原因呢？