Puede que te sirva lo siguiente, un filtro personalizado para tu objeto.
Suponiendo que tu objeto es algo como el siguiente:
items = [
{
nombre: "Pedro",
apellido: "Ramirez",
edad: 28
},
{
nombre: "Juan",
apellido: "Hernandez",
edad: 22
}
];
Hacemos un pipe personalizado:
import { Pipe, PipeTransform } from "@angular/core";
@Pipe({ name: "customFilter" })
export class CustomFilter implements PipeTransform {
transform(mObjects: { apellido: string; nombre: string }[], input: string) {
if (!input) return mObjects;
return mObjects.filter(val => this.filterBy(val, input));
}
private filterBy(
mObject: { apellido: string; nombre: string },
search: string
) {
const reduced = Object.keys(mObject)
.reduce((prev, current) => this.reduceKeys(prev, current, mObject), "")
.toLocaleLowerCase();
return reduced.indexOf(search.toLocaleLowerCase()) > -1;
}
private reduceKeys(
prev: string,
current: string,
mObject: { apellido: string; nombre: string }
): string {
if (this.isProp(current)) {
prev = `${prev}\$${mObject[current]}`;
}
return prev;
}
//Aquí validas que propiedades quieres que se filtren.
private isProp(key: string): boolean {
return key.includes("apellido") || key.includes("nombre");
}
}
Lo puedes probar de la siguiente manera:
<input type="text" [(ngModel)]="search" />
<li *ngFor="let item of items | customFilter: search">
{{item | json}}
</li>