码迷,mamicode.com
首页 > 其他好文 > 详细

ionic ion-list 滑到底部自动加载数据案例

时间:2015-06-11 14:31:54      阅读:266      评论:0      收藏:0      [点我收藏+]

标签:

  <ion-content>
    <ion-list>
      <ion-item ng-repeat="item in items track by $index">
        <p>{{item}}</p>
      </ion-item>
      <ion-infinite-scroll on-infinite="addItems()"></ion-infinite-scroll>
    </ion-list>
  </ion-content>

controller

     $scope.items = [];
        for (var i=0; i<100; i++) {
            $scope.items.push(i);
        }
        $scope.addItems = function() {
            var i = currentStart = 0;
            for (; i < currentStart+20; i++) {
                $scope.items.push("Item " + i);
            }

            currentStart += 20;
            $scope.$broadcast(‘scroll.infiniteScrollComplete‘);
        };

 

ionic ion-list 滑到底部自动加载数据案例

标签:

原文地址:http://www.cnblogs.com/yshyee/p/4568892.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!