如何使用AngularJS和dir分页进行分类筛选

我正在使用dir分页进行过滤和分页。我想用href进行筛选。 分页和筛选（搜索文本框）正在工作。但我想链接多个过滤类型。链接、文本框、组合框等

在主控键中：

    $scope.currentPage = 1;
    $scope.pageSize = 10;
    $http.get('admin/api/?s=getProducts&lang='+lang).success(
    function(r){
    $scope.products = r;
        }
    );


function productFilter($scope) {
$scope.pageChangeHandler = function(num) {
console.log('going to page ' + num);
};
}

在Html页面中：

        <div class="widget">
            <h4>CATEGORIES</h4>
            <div id="price-range">
                <div class="padding-range"><div id="slider-range"></div></div>
                <input type="text" style="background-color: #fff;border: 1px solid #D39797;  width: 140px; height: 22px;" ng-model="searchProduct">
                <a href="#" class="button light"   style="margin:0;">Search</a>
            </div>
            <div class="clearfix"></div>
        </div>


        <!-- Categories -->
        <nav class="widget" >
            <h4>Product Categories</h4>
            <ul class="categories" ng-repeat="category in categories">
                <li><a href="#"  ng-model="searchCategory = category.category" >{{category.category}}</a></li>
            </ul>
        </nav>

类别
产品类别

我添加了隐藏的输入文本，并使用ng click事件更改值。输入将筛选目录分页

        <input type="hidden" ng-model="searchCategory" >    
        <!-- Categories -->
        <nav class="widget" >
            <h4>Product Categories</h4>
            <ul class="categories" ng-repeat="category in categories">
                <li><a href ng-click="getProducCategory().searchCategory=category.category"  >{{category.category}}</a></li>
            </ul>
        </nav>

$scope.getProducCategory = function() {
     return $scope;   
    }