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}}