如何在Angular中过滤列表时显示两个属性

ng generate pipe filter

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

@Pipe({
  name: 'filter'
})
export class FilterPipe implements PipeTransform {
  transform(items: any[], searchText: string, property1: string, property2: string): any[] {
    if (!items) return [];
    if (!searchText) return items;

    searchText = searchText.toLowerCase();
    return items.filter(item => {
      return item[property1].toLowerCase().includes(searchText) || item[property2].toLowerCase().includes(searchText);
    });
  }
}

<input type="text" [(ngModel)]="searchText">
<ul>
  <li *ngFor="let item of items | filter: searchText: 'property1': 'property2'">
    {{ item.property1 }} - {{ item.property2 }}
  </li>
</ul>