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