如何在ng-2智能表中过滤自定义数据类型(链接)

interface CustomType {
  id: number;
  name: string;
  // 其他属性...
}

customData: CustomType[] = [
  { id: 1, name: '数据1' },
  { id: 2, name: '数据2' },
  // 其他数据...
];

<select [(ngModel)]="selectedData">
  <option *ngFor="let data of customData" [value]="data.id">{{ data.name }}</option>
</select>

filterValue: string;

ng generate pipe customFilter

import { Pipe, PipeTransform } from '@angular/core';
import { CustomType } from './custom-type';

@Pipe({
  name: 'customFilter'
})
export class CustomFilterPipe implements PipeTransform {
  transform(data: CustomType[], filterValue: string): CustomType[] {
    if (!filterValue) {
      return data;
    }
    return data.filter(item => item.name.toLowerCase().includes(filterValue.toLowerCase()));
  }
}

<select [(ngModel)]="selectedData">
  <option *ngFor="let data of customData | customFilter: filterValue" [value]="data.id">{{ data.name }}</option>
</select>

<input type="text" [(ngModel)]="filterValue" placeholder="过滤数据">