Hola chicos estoy haciendo una app con angular usando el framework IONIC y estoy intentando que al escribir el nombre de la empresa, se filtre segun lo introducido. Eso ya lo he conseguido, el problema es que me carga de inicio todos los datos de la base de datos, y se ralentiza de manera inviable. ¿Hay alguna forma de que me vaya buscando las coincidencias pero que se muestren de cinco en cinco? Muchas gracias compañer@s.
Este es el pipe para filtrar.
@Pipe({
name: 'filtro'
})
export class FiltroPipe implements PipeTransform {
transform(arr: any[], texto: string, columna: string): any[] {
if( texto === ''){
return;
}
texto = texto.toLowerCase();
return arr.filter(item =>{
if(item[columna] != null)
return item[columna].toLowerCase().includes(texto);
})
Y esta la implementacion en el html
<mat-form-field class="example-full-width">
<input type="text" formControlName="company" matInput
[matAutocomplete]="auto" (input)="onSearchChange($event.target.value)">
<mat-autocomplete #auto="matAutocomplete">
<mat-option *ngFor="let customer of customers| filtro: textSearch:'name'"
[value]="customer.name" (onSelectionChange)="selectCustomer(customer)">
{{customer.name}}
</mat-option>
</mat-autocomplete>
</mat-form-field>