某些嵌套JSON对象的Angular自定义过滤器

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

@Pipe({
  name: 'findValuesByKey'
})
export class FindValuesByKeyPipe implements PipeTransform {

  transform(items: any[], key: string): any[] {
    if (!items || !key) return [];

    const result = [];

    function search(obj: any) {
      for (const prop in obj) {
        if (obj.hasOwnProperty(prop)) {
          if (prop === key) {
            result.push(obj[prop]);
          }
          if (typeof obj[prop] === 'object') {
            search(obj[prop]);
          }
        }
      }
    }

    items.forEach(item => search(item));
    return result;
  }
}

[
  {
    "id": 1,
    "name": "Item 1",
    "details": {
      "description": "Description 1",
      "tags": ["tag1", "tag2"]
    }
  },
  {
    "id": 2,
    "name": "Item 2",
    "details": {
      "description": "Description 2",
      "tags": ["tag2", "tag3"]
    }
  }
]

<div *ngFor="let tag of items | findValuesByKey:'tags'">
  {{ tag }}
</div>