如何在基于滚动的选择框中进行分页

Question

HTML

<select class="form-control choice requiredField" id-available name="SelectData" ng-model="box.box_id" title="Select">
    <option value="" disabled selected>{{'_SELECT_BEACON_' | i18n}}</option>
    <option value="{{y.box_id}}" ng-repeat="y in dataList" class="nms">{{y.beacon_code}}</option>
</select>

ANGULARJS

boxService.listUnassignedDevice(function(res) {
    $scope.dataList = res;
}, function(error) {
});

这里我在＆＃34; dataList＆＃34;（10000＆gt;）中有大数据。所以我需要在鼠标向下滚动后在选择框中列出数据。首先，我必须显示100个数据，当鼠标向下滚动时，我需要显示来自API的下一个100个数据。

Answer 1

您可以使用ngInfiniteScroll指令并添加脚本标记，然后添加模块'infinite-scroll'，然后通过在元素上指定无限滚动属性来使用该指令。

<div infinite-scroll="myPagingFunction()" infinite-scroll-distance="3"></div>

  

ngInfiniteScroll将在任何时候调用myPagingFunction（）   元素接近浏览器窗口的底部。请参阅API   有关可用属性的更多信息，请参阅文档   如需使用，请查看演示以查看ngInfiniteScroll   动作。