使用angularjs数据绑定配合mui的上拉加载无法显示数据

RT，
我想实现的效果是执行下拉时加载更早以前的数据 上滑时加载更晚一些时候的数据

<header class="mui-bar mui-bar-nav">      
    <a class="mui-icon mui-icon-bars mui-pull-left"></a>  
    <a href="#/elist" class="mui-icon mui-icon-list mui-pull-right"></a>  
    <h1 class="mui-title">Events List</h1>  
</header>  
<div class="mui-content mui-scroll-wrapper" id="pullrefresh">  
    <div class="mui-scroll">  
        <div class="warp">  
            <div class="eventList-corners" ng-repeat="eventList in dateList | orderBy:'date'">  
                <div class="ui-bar">  
                    <h3>{{eventList.date}}</h3>  
                </div>  
                <div class="ui-body">  
                    <ul class="eventList-timeline" ng-repeat = "event in eventList.events |  orderBy:'Begin' ">  
                        <li>  
                            <a href="#" data-eventid="{{event.Id}}" data-transition="slideup">  
                                <i class="dot"></i>  
                                <div class="eventList-info">  
                                    <div class="speech">  
                                        <h4 class="speech-hd">{{event.Name}}</h4>  
                                        <div class="speech-bd"><span><i class="iconfont icon-time"></i>{{event | formatDate:event.Begin:event.End }}</span><span><i class="iconfont icon-local"></i>{{event.City}} {{event.Address}}</span></div>  
                                    </div>  
                                </div>  
                            </a>  
                        </li>  
                    </ul>  
                </div>  
            </div>             
        </div>  
    </div>  
</div>

以上代码是模板结构 很普通的angularjs数据绑定 但是加入上拉下载的功能之后无法在列表区域显示数据 浏览器报错

使用如下代码测试

<header class="mui-bar mui-bar-nav">      
    <a class="mui-icon mui-icon-bars mui-pull-left"></a>  
    <a href="#/elist" class="mui-icon mui-icon-list mui-pull-right"></a>  
    <h1 class="mui-title">Events List</h1>  
</header>  
<div class="mui-content mui-scroll-wrapper" id="pullrefresh">  
    <div class="mui-scroll">  
        <div class="warp">  
           {{dateList.length}}  
        </div>  
    </div>  
</div>

出现如下结果