如何实现对Angularjs的所有记录的搜索

时间:2015-12-11 03:46:28

标签: angularjs

我正在使用angularjs和客户端分页搜索页面。问题是搜索是在特定页面上实现的,而不是在完整数据上实现。假设有150条记录,每页有50条记录,搜索就完成了只有50条记录的特殊页面。我希望在150条记录上搜索数据.Plz有人帮忙。 这是我的代码

<tr ng-repeat="application in applications | filter:search | orderBy:orderByField:reverseSort">

1 个答案:

答案 0 :(得分:1)

完全在客户端有数据:在对象

就我而言,它是客户对象:

$scope.customers = function () {
        return [
            {name: 'customer1'},
            {name: 'customer2'},
            {name: 'customer3'},
            {name: 'customer4'},
            {name: 'customer5'},
            {name: 'customer6'}
        ];
    };

    console.log(customers);

    $scope.currentPageCustomers = $scope.customers;

    $scope.search = function (searchTerm) {
            $scope.currentPageCustomers = $filter('filter')($scope.customers, searchTerms);
        };
  

PAGINATE:

$scope.paginateCustomers = function (page, customers) {
            var end, start;
            start = (page - 1) * 10;
            end = start + 10;
            return $scope.currentPageCustomers = customers.slice(start, end);

        };
  

HTML:

 <input ng-model='val' data-ng-keyup="search(val)" placeholder="Enter serch text"/>


<div data-ng-repeat="customer in currentPageCustomers">
  <ul>
    <li>{{customer.name}}</li>
 </ul>
</div>