AngularJS数据列表分页/数据列表上的无限滚动？

Question

我使用的是datalist ，从一个宁静的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做到了-自动完成（通过在angular js中编写自己的指令）我的指令函数如下所示：

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

        link: function(scope, element) {

            element.autocomplete({

                source: queryService.getQueries()

            });

获取查询从工厂获取数据。

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