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

【问题标题】：AngularJS datalist pagination / infinity scroll on datalist?AngularJS数据列表分页/数据列表上的无限滚动？
【发布时间】：2014-05-28 21:48:58
【问题描述】：

我正在使用 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>

【问题讨论】：

标签： javascript angularjs pagination infinite-loop infinite-scroll

【解决方案1】：

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

【讨论】：

是的，现在我发现了另一个问题，我将使用 ie 8，所以我不能使用 datalist，所以我可以使用这个外部模块来输入文本吗？

【解决方案2】：

我是使用 jquery 完成的——自动完成（通过在 Angular 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}}

【讨论】：