Question

我有一个过滤搜索字段并根据搜索文本显示项目列表的管道。当前，它仅过滤companyDisplay。目标是过滤companyCode和companyDisplay

JSON

[{
    companyDisplay: "ABC",
    companyName: "EFG",
    companyCode: "1234"
}]

搜索管道

import { Pipe, PipeTransform } from '@angular/core'; // serach text sorting
@Pipe({
    name: 'searchCompanyPipe'
})
export class SearchPipe implements PipeTransform {
  transform(items: any[], searchText: any): any[] {
    if (!items) { return []; }
    if (!searchText) { return items; }
    searchText = searchText.toLowerCase();
    return items.filter(i => {
      return (i.companyDisplay || i.companyCode).toLowerCase().includes(searchText);
    });
  }
}

HTML

<li *ngFor="let data of companyInfo| searchPipe:searchValue">

companyInfo保存json。

Answer 1

这里的问题是以下代码：

(i.companyDisplay || i.companyCode)

始终返回companyDisplay，只要它不是伪造的值即可。您需要使用类似的内容：

return i.companyDisplay.toLowerCase().includes(searchText) || i.companyCode.toLowerCase().includes(searchText);

角管搜索字段

1 个答案: