Question

我正在使用datalist加载来自restful API的数据，我想在我的datalist中添加分页，我正在使用AngularJS：

    <label>Query:</label>
    <input list="data">
</div>

<datalist id="data">
    <option ng-repeat="data in queries" value="{{data.name}}">
    </option>
</datalist>

Answer 1

当您的用户靠近页面底部时，您可以使用ngInfiniteScroll之类的外部模块来调用函数。此函数应从API加载下一批对象并将其添加到queries数组中。它会自动将列表与新内容一起使用。

Answer 2

我使用jquery - autocomplete（通过在角度js中编写自己的指令）我的指令功能如下：

myModule.directive("autoCompletequery",function(queryService){
    return {
        restrict: 'A',

        link: function(scope, element) {

            element.autocomplete({

                source: queryService.getQueries()

            });

Get Queries从工厂获取数据。

<label>Query:</label>
        <input  ng-model="query" placeholder="search for query" auto-completequery/>
        Query = {{query}}

AngularJS datalist分页/ datalist上的无限滚动？

2 个答案: