如何使用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);
    };
});

代码不存在任何问题。现在，如果您可以输入搜索字段"Dis“，在第3页下有一个条目。搜索没有带来任何东西。我需要在控制器(我认为)上运行$scope.datalist上的搜索，而不是作为过滤器。

有人能给我一个正确的方向或者建议一些关于这件事的信息吗？

谢谢各位，

H.

Answer 1

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

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