ionic 上拉加载更多

//------------------对应controller 代码
 $scope.dataList = [{id:1},{id:1},{id:1},{id:1},{id:1},{id:1}];
    $scope.moreDataCanBeLoaded =true;
    $scope.load_more_num = 10;
    $scope.load_more =function(){
      console.log($scope.load_more_num);
      $scope.dataList = $scope.dataList.concat([{id:2},{id:3},{id:4},{id:5},{id:31},{id:41}]);
      setTimeout(function() {
        $ionicSlideBoxDelegate.slide(0);
        $ionicSlideBoxDelegate.update();
        $scope.$apply();
        $scope.$broadcast('scroll.infiniteScrollComplete');
      });

      if($scope.load_more_num==0){
        $scope.moreDataCanBeLoaded =false;
      }
      $scope.load_more_num--;
    }
//----------------下面的html 代码
 <ion-content>
    <div class="item item-thumbnail-left "
         ng-repeat="datacontent in dataList">
      <img src="img/new-img-3.png">
      <h3 class="news-list--title">内容标题 占空间而已。。。。。内容标题 占空间而已。。。。。内容标题 占空间而已。。。。。</h3>
        <span class="news-list-content">
         占空间文字内容。。。。。。。。。。。占空间文字内容。。。。。。。。。。。占空间文字内容。。。。。。。。。。。占空间文字内容。。。。。。。。。。。占空间文字内容。。。。。。。。。。。占空间文字内容。。。。。。。。。。。 </span>
    </div>
    <ion-infinite-scroll on-infinite="load_more()"
                         ng-if="moreDataCanBeLoaded"
                         distince="1%"></ion-infinite-scroll>
  </ion-content>