Angular: custom filter for recursive search in nested object

Question

I have some problem with filtering nested object. In select I choose the filter parameter(object value) and in input I type some text that searches it in object key.
Tried to write custom filter with recursion for deep search but it doesn't work. input is parameter for object in ng-repeat, param1 is for select's ng-model and param2 is for input's 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;
    }

Here's the plunker: http://plnkr.co/edit/83lPNRWFy6wa9U2FkMfH?p=preview
I hope someone give me some advice

seems like data format is not valid. you should get an error like Uncaught SyntaxError: Unexpected token : because format can be somehting like [{'node1': {node2: ''}}] not ['node1': {...}] — MD. Jahidul Islam
– MD. Jahidul Islam, Commented Sep 28, 2016 at 8:37

Valery Kozlov · Accepted Answer · 2016-09-28 12:33:23Z

0

sorry, just dirty solution, have no time to refactor. Mb it save time to you

.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;
          }

        }

with following markup

<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>

and controller init like:

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

answered Sep 28, 2016 at 12:33

Valery Kozlov

1,5772 gold badges11 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

9 Comments

kipris Over a year ago

Hi, it works strange :) plnkr.co/edit/wGeYk7OuFGCMc56usjk1?p=preview

Valery Kozlov Over a year ago

what do you mean?

kipris Over a year ago

See the plunker

Valery Kozlov Over a year ago

I saw it. What do you mean under the strange?

kipris Over a year ago

I doesn't filter correct even in console. If I try to find by First name and type 'Peter' it also shows me 'Martin'. And if I have more than two select options? There are true and false in option values.

|

Collectives™ on Stack Overflow

Angular: custom filter for recursive search in nested object

1 Answer 1

9 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

9 Comments

Your Answer

Sign up or log in

Post as a guest

Related