javascript - 如何使用 AngularJS 搜索 JSON？

Question

这是我的工作分页:

http://plnkr.co/edit/WmC6zjD5srtYHKopLm7m

这里是我的代码的总结:

var app = angular.module('hCms', []);
app.controller('samplecontoller', function ($scope,  $http) {   
    $scope.showData = function(){   
        $scope.method = 'GET';
        $scope.url = 'homes.json';
        $scope.code = null;
        $scope.response = null;
        $scope.curPage = 0;
        $scope.pageSize = 3;

        $http({method: $scope.method,url: $scope.url}).
            success(function(data, status) {
                $scope.status = status;
                $scope.datalists = data;
            }).
            error(function(data, status) {
                $scope.datalists = data || "Request failed";
                $scope.status = status;
            });

        $scope.numberOfPages = function() {
            return Math.ceil($scope.datalists.length / $scope.pageSize);
        };

    }

});

angular.module('hCms').filter('pagination', function()
{
    return function(input, start)
    {
        start = +start;
        return input.slice(start);
    };
});

代码没有问题。现在，如果您在第 3 页下有一个条目的搜索字段“Dis”中输入。搜索没有任何结果。我需要在 Controller 的 $scope.datalist 上运行搜索(我认为)而不是作为过滤器。

有人可以指导我正确的方向或就此事提出一些信息吗？

谢谢大家，

H.

Answer 1

我遇到过这个问题 - 您必须在分页之前使用搜索来过滤数据。

      <li class="paginationclass" ng-repeat="datalist in datalists | filter:search | pagination: curPage * pageSize | limitTo: pageSize ">