Angularjs自定义过滤器在构建过滤器中完全正常工作

Question

我在 jsfiddle 中有一个代码。我在 angularjs 的构建过滤器服务中使用 normal 的地方。但我需要一个自定义过滤器服务，它的行为与普通过滤器完全相同。我必须使用自定义过滤器，因为过滤后我必须做一些自定义操作。我的 jsfiddle 链接

https://jsfiddle.net/subhajitmaity/jzpmg1um/3/

请通过链接。

<div ng-app="app" ng-controller='AppCtrl'>
<input type="text" ng-model="search">
    <script type="text/ng-template" id="categoryTree">
        {{ category.title }}
        <ul ng-if="category.categories">
            <li ng-repeat="category in category.categories | filter:search" ng-include="'categoryTree'">           
            </li>
        </ul>
    </script>
    <ul>
        <li ng-repeat="category in categories | filter:search" ng-include="'categoryTree'"></li>
    </ul>    
</div>

Answer 1

您可以从这个自定义过滤器开始：

app.filter('myfilter', function() {
   return function( items, search) {
    var filtered = [];

    if(!search){
      return items;
    }

      angular.forEach(items, function(item){     
          if(item.title.toLowerCase().indexOf(search.toLowerCase()) !== -1){
             filtered.push(item);
          }
      })      

    return filtered;
  };
});

用法：

| myfilter:search

---

问题仍然存在：如果其中一个子过滤器包含 search 之一，则父过滤器应返回 true