Question

我在过滤嵌套对象时遇到了一些问题。在选择中我选择过滤器参数（对象值），在输入中输入一些在对象键中搜索它的文本。
尝试使用递归编写自定义过滤器进行深度搜索，但它不起作用。 input是ng-repeat中对象的参数，param1用于选择模型，param2用于输入＆ng-model模型。

的 JS

  .filter('personFilter', function($filter) {
    return function(input, param1, param2) {
      var output = {};
      for (var prop in input) {
          if (typeof input[prop] == 'object' || prop != param1 && input[prop] != param2) {
              $filter('personFilter')(input[prop]);
          } else {
              output[key] = input[key];
          }
      }
      return output;
    }

这就是吸食者：http://plnkr.co/edit/83lPNRWFy6wa9U2FkMfH?p=preview
我希望有人给我一些建议

Answer 1

抱歉，只是肮脏的解决方案，没有时间重构。这样可以节省时间

.filter('personFilter', function($filter) {
    return function(input, recursive, search) {
          return input.filter(filterFn);
          function filterFn(obj){
            var val, res;
            for (var prop in obj) {
                val = obj[prop];
                if (typeof val == 'object' && recursive) {
                    recursive = false;
                    res = res || val.filter(filterFn).length;
                    recursive = true;
                } else if(!recursive){
                    res = res || val == search;
                }
            }
            console.log(res, obj, recursive, search);
            return res;
          }

        }

以下标记

<body ng-controller="appCtrl">
    <select ng-model="selectParameter" ng-options="item.value as item.key for item in parameter track by item.value">      
    </select>
    <input ng-model="query" />

    <div ng-repeat="person in object.node1.node2.persons | personFilter:selectParameter:query track by $index">
     <!--   -->
        <p>Person: {{person.name}}, Children: <span ng-repeat="child in person.children track by $index">{{child.name}}, </span></p>
    </div>
  </body>

和控制器初始化如：

$scope.parameter = [
      {value: false, key: 'Person Name'},
      {value: true, key: 'Child Name'}
];
$scope.selectParameter = true;

Angular：用于嵌套对象中的递归搜索的自定义过滤器

1 个答案: