Does not work with Nested JSON Object

[prashantpimpale93]

I have JSON object like:

[
  {
    firstName: "S",
    lastName: "P",
    address: {
      state: "Maharashtra",
      city: "Satara",
      
    }
  },
  {
    firstName: "A",
    lastName: "C",
    address: {
      state: "Maharashtra",
      city: "Satara",
      
    }
  }
]

So I can able to search the name A but If typed Satara it does not matches the nested object (As per your pipe code from GitHub)

Expected Result:

I should be able to see both records if I typed Satara

Link to Reproduce:

https://stackblitz.com/edit/angular-t1dzgn

[aVolpe]

You are rigth, the scope of this pipe doesnt include nested objects, but you can make a small modification to make it recursive, for example:

import { Pipe, PipeTransform, Injectable } from "@angular/core";

@Pipe({
  name: 'deepFilter',
  pure: false
})
@Injectable()
export class Ng2DeepSearchPipe implements PipeTransform {

  /**
   * @param items object from array
   * @param term term's search
   */
  transform(items: any, term: string): any {
    if (!term || !items) return items;

    return Ng2DeepSearchPipe.filter(items, term);
  }

  /**
   *
   * @param items List of items to filter
   * @param term  a string term to compare with every property of the list
   *
   */
  static filter(items: Array<{ [key: string]: any }>, term: string): Array<{ [key: string]: any }> {

    const toCompare = term.toLowerCase();

    function checkInside(item: any, term: string) {
      for (let property in item) {
        if (item[property] === null || item[property] == undefined) {
          continue;
        }
        if (typeof item[property] === 'object') {
          if (checkInside(item[property], term)) {
            return true;
          }
        }
        if (item[property].toString().toLowerCase().includes(toCompare)) {
          return true;
        }
      }
      return false;
    }

    return items.filter(function(item) { 
      return checkInside(item, term);
    });
  }
}

Here a working example: https://stackblitz.com/edit/angular-t1dzgn-2bhkja

[prashantpimpale93]

@aVolpe Yes, did implement with custom pipe! But it's better if you add that in code by taking pull request!

[aVolpe]

Yes! please make a PR!

[prashantpimpale93]

@aVolpe Will do it. Thanks!