在嵌套对象数组的情况下，如何在角度组件中使用数据过滤？

data: any[] = [
  { name: 'John', age: 25, skills: ['HTML', 'CSS', 'JavaScript'] },
  { name: 'Jane', age: 30, skills: ['Java', 'Python', 'C++'] },
  { name: 'Bob', age: 35, skills: ['Angular', 'React', 'Vue'] }
];

<input type="text" [(ngModel)]="filterText" placeholder="Enter skill name">
<ul>
  <li *ngFor="let item of data | filter: { skills: filterText }">
    {{ item.name }} ({{ item.age }} years old)
  </li>
</ul>

filter(array: any[], filterObj: any): any[] {
  if (!filterObj) {
    return array;
  }
  
  return array.filter(item => {
    for (let key in filterObj) {
      if (typeof item[key] === 'object' && !Array.isArray(item[key])) {
        if (!this.filter([item[key]], filterObj[key])[0]) {
          return false;
        }
      } else if (Array.isArray(item[key])) {
        if (!item[key].some(skill => skill.toLowerCase().includes(filterObj[key].toLowerCase()))) {
          return false;
        }
      } else if (!item[key].toString().toLowerCase().includes(filterObj[key].toLowerCase())) {
        return false;
      }
    }
    return true;
  });
}