用过滤器实现搜索功能。（先查出全部然后用过滤器过滤）

最新推荐文章于 2024-08-30 11:10:30 发布

原创最新推荐文章于 2024-08-30 11:10:30 发布 · 578 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#过滤器

js 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一种基于AngularJS的过滤器实现方式，该过滤器能够根据条件筛选数据，并结合多种逻辑判断来保留符合条件的数据项。文章详细展示了如何通过receptionCriteria和$scope.filter参数进行数据过滤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

神奇好用的过滤器。
当过滤器filter返回TRUE时，该条item会被保留在 $s c o p e [$ scope.gridNameArray[$scope.type]].data。

 $scope[$scope.gridNameArray[$scope.type]].data = $scope.searchObj.originalData;
 $scope[$scope.gridNameArray[$scope.type]].data = $scope[$scope.gridNameArray[$scope.type]].data.filter(function (item) {
            var outFlag = false;
            var inFlag = false;
            if (receptionCriteria && JSON.stringify(receptionCriteria) != "\"\"" && JSON.stringify(receptionCriteria) != "{}") {
                for (var column in receptionCriteria) {
                    if (item[column] && item[column] == receptionCriteria[column]) {
                        outFlag = true;
                        break;
                    }
                }
            }else{
                outFlag = true;
            }
            if ($scope.filter) {
                angular.forEach($scope.searchObj.searchColumns, function (value) {
                    if (item[value]) {
                        if (item[value].indexOf($scope.filter) > -1) {
                            inFlag = true;
                            return false;
                        }
                    }
                });
            }else{
                inFlag = true;
            }
            return outFlag && inFlag;
        });