Angularjs ngInfiniteScroll中的一个简单错误

我使用了ngInfiniteScroll，但我有一个小问题，我有一组变量项中的数据，例如）20，但我想在第一个视图中显示5，在滑动视图中显示其余的数据。但是我的代码在第一次查看时加载了所有的20个，我如何实现这一点，我在下面给出了我的代码 和我的数据结构

{
"data": [ {
                "name": "Hoarding Majestic",
                "code": 456,
                "image": "assets/images/images/hoarding1.jpg",
                "location": "Majestic"


            },
            {
                "name": "BusShelter ForumMall",
                "code": 452,
                "image": "assets/images/images/hoarding2.jpg",
                "location": "Whitefield"


            },
            {
                "name": "Digital Vijayanagar",
                "code": 458,
                "image": "assets/images/images/hoarding3.jpg",
                "location": "Vijayanagar"


            },
            {
                "name": "Digital Vijayanagar",
                "code": 458,
                "image": "assets/images/images/hoarding3.jpg",
                "location": "Vijayanagar"



            }
         ]
}

html:-

<div layout="row" layout-align="space-around" layout-padding infinite-scroll='loadMore()' infinite-scroll-distance='2' 
                    infinite-scroll-disabled='{{busyLoadingData}}'  infinite-scroll-container = "'#content'">
<table class="simple">
<thead>
  <tr>
     <th class="secondary-text">
        <div class="table-header">
           <span class="column-title">Asset</span>
        </div>
     </th>
     <th class="secondary-text">
        <div class="table-header">
           <span class="column-title">Location</span>
        </div>
     </th>

  </tr>
  </thead>
  <tbody>
  <tr ng-repeat="assets in items">
     <!--| priceRange:slider:lower:upper-->

     <td>{{assets.name}}</td>

     <td>{{ assets.location }}</td>

  </tr>

 </tbody>
 </table>
 </div>

资产
位置
{{assets.name}
{{assets.location}

和我的控制器：-

$scope.data = booking.data;
$scope.busyLoadingData = false;
$scope.items = [];
$scope.loadMore = function() { 
//console.log("asdfasdfasd");
if($scope.busyLoadingData)
   return;
   $scope.busyLoadingData = true;
     var last = $scope.data[$scope.data.length - 1];
    for(var i = 0 ; i <= 5; i++) {
      $scope.items.push($scope.data[i]);
      //console.log(last);
    } 
    $timeout(function(){$scope.busyLoadingData = false; }, 3000 );
};

$scope.data=booking.data；
$scope.busyladingdata=false；
$scope.items=[]；
$scope.loadMore=function（）{
//console.log（“asdfasd”）；
if（$scope.busyladingdata）
返回；
$scope.busyladingdata=true；
var last=$scope.data[$scope.data.length-1]；
对于（var i=0；i与任何无限滚动元素一样，
ng infinite scroll
加载的数据比它一次可以显示的数据多。这是为了防止数据减少，并且即使还有一些数据，用户也会到达底部。您可以清楚地看到中的效果。即使还有一些数据，它也会开始加载数据页面底部的剩余空间