我有一个对象数组:
[
{
"caseNumber": 123,
"patientName": "John Doe",
"technician": "Jasmin Joe",
"reader": "Jade Boe"
},
{
"caseNumber": 123,
"patientName": "John Doe",
"technician": "Jasmin Joe",
"reader": "Jade Boe"
},
{
"caseNumber": 123,
"patientName": "John Doe",
"technician": "Jasmin Joe",
"reader": "Jade Boe"
}
]
我在顶部有一个搜索栏,想要从我提供的任何密钥中搜索匹配的字符串。例如:我想从caseNumber、patientName和reader中进行搜索,因此我会调用我的过滤函数filter(allCases, caseNumber, patientName, reader)。
我尝试使用Angular管道,但它只适用于前两个键。我尝试了以下代码:
this.activeCases = this.filterPipe.transform(
activeCases,
this.searchUser,
this.isCurrentUserTech ? 'readerName' : 'techName',
'patientFullName',
'caseNumber'
);
而我的管道函数:
@Pipe({
name: 'filter'
})
export class FilterPipe implements PipeTransform {
transform(items: any[], value: string, label: string, optionalLabel?: string, optionalLabel2?: string, optionalValue?: string): any[] {
if (!items) {
return [];
}
if (!optionalValue && !value) {
return items;
}
if ((value === '' || value == null) && (optionalValue === '' || optionalValue == null)) {
return [];
}
if (optionalValue && optionalLabel) {
this.filterByValue(value, items, label, optionalLabel, optionalValue);
} else if (optionalLabel) {
return items.filter(e => (e[optionalLabel] + ', ' + e[label]).toLowerCase().indexOf(value.toLowerCase()) > -1);
} else if (optionalLabel && label && value) {
return items.filter(item => {
let object: any = { item1: optionalLabel, item2: label };
if (optionalLabel2) {
object = { item1: optionalLabel, item2: label, item3: optionalLabel2 };
}
for (const property in object) {
if (item[object[property]] === null) {
continue;
}
if (item[object[property]].toString().toLowerCase().includes(value.toLowerCase())) {
return true;
}
}
return false;
});
} else {
return items.filter(e => {
const tempValue = e[label] ? e[label].toLowerCase() : '';
return tempValue.indexOf(value.toLowerCase()) > -1;
});
}
}
filterByValue(value, items, label, optionalLabel, optionalValue) {
if (value) {
return items.filter(e => {
const firstLabel = e[label] ? e[label].toLowerCase() : '';
const secondLabel = e[optionalLabel] ? e[optionalLabel].toLowerCase() : '';
const firstValue = value ? value.toLowerCase() : value;
const secondValue = optionalValue ? optionalValue.toLowerCase() : optionalValue;
let firstCheck = false;
let secondCheck = false;
if (firstLabel && firstValue) {
firstCheck = firstLabel.includes(firstValue);
}
if (secondLabel && secondValue) {
secondCheck = secondLabel.includes(secondValue);
}
return firstCheck && secondCheck;
});
} else {
return items.filter(e => {
const tempValue = e[optionalLabel] ? e[optionalLabel].toLowerCase() : '';
return tempValue.indexOf(optionalValue.toLowerCase()) > -1;
});
}
}
}
我错过了什么? 我也可以使用lodash。