angularjs - ngRepeat 与 OR 过滤器

Question

我有一个包含项目的列表（名称：字符串，年龄：Int，检查：布尔值）。 此列表以 ng-repeat 显示。 我想让用户使用搜索字段搜索列表，但搜索不得影响选中值。

• 只有在用户在搜索字段中输入内容时才会触发搜索
• 如果搜索字段已填满，则搜索应照常过滤，但不得过滤掉选中的项目。

我尝试创建自定义过滤器。我在使用 OR 逻辑理解 $filter('filter') 函数时遇到问题。

谁能帮我解开我脑子里的结？

app.filter('mySearchFilter', function($filter) {
    return function(data, searchText) {

        if(!searchText || searchText.length === 0) {
            return data;
        }

        console.log(searchText);

        return $filter('filter')(data, searchText);
        //how can I provide additional, OR-concatinated, filter-criteria?
    }
});

查看我的 plunk 以获取最小示例代码。

http://plnkr.co/edit/3xHLOrSPD3XZy2K9U2Og?p=preview

Answer 1

据我了解，您正在寻找联合功能。 Underscore 提供了这样的功能。有了这个，你可以这样写你的过滤器：

app.filter('mySearchFilter', function($filter) {
   return function(data, searchText) {

       if(!searchText || searchText.length === 0) {
           return data;
       }

       var allChecked = data.filter(function(d){return d.checked});
       var allMatched = $filter('filter')(data, searchText);
       return _.union(allMatched, allChecked);
   }
});

看看：http://documentcloud.github.io/underscore/#union，别忘了包含脚本：

<script src="http://documentcloud.github.io/underscore/underscore.js"></script>

PLUNKR