0

Hola comunidad !

Tengo un problema con los pipe en ionic al querer filtrar más de un campo mediante un input:

Este es mi pipe:

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



@Pipe({​​

  name: 'usuario'

}​​)

export class UsuarioPipe implements PipeTransform {​​



  transform(arreglo: any[], texto: string = '', columna: string = 'nombre'): any[] {​​



    console.log(arreglo);

    console.log(texto)



    texto = texto.toLocaleLowerCase()



    return arreglo.filter(item => item[columna].toLowerCase().includes(texto))



  }​​







}​​

y mando a llamar a mi pipe de la siguiente manera

<ion-card class="card-inclompleta" *ngFor="let user of usuariosApp | usuario:BuscarUser:'nombre' && 'email'">



  <ion-card-header>

    <ion-card-title>{​​{​​user.nombre}​​}​​</ion-card-title>

    <ion-card-subtitle>{​​{​​user.email}​​}​​</ion-card-subtitle>

    <ion-card-subtitle>{​​{​​user.telefono}​​}​​</ion-card-subtitle>

  </ion-card-header>



</ion-card>

Tengo una lista de usuarios y quiero filtrarlos por medio del nombre, correo y numero, pero al llamar mi pipe solo me respeta un campo y no los dos (nombre, email y de preferencia número)

De antemano gracias.

Saludos

1 respuesta 1

0

Es por que tienes que enviar un arreglo. Para enviar múltiples parámetros a tu @Pipe es necesario usar :.

<ion-card class="card-inclompleta" 
 *ngFor="let user of usuariosApp | usuario:'BuscarUser':'nombre':'email'">

Para recibir esos parametros utiliza un rest parameter ...args:[].

 transform(arreglo: any[], ...entradas: any[]): any[] {​​
  console.log(entradas[0]); // BuscarUser
  console.log(entradas[1]); //nombre
  console.log(entradas[2]); //email
 }
2
  • Hola Oscar, gracias por contestar, intenté hacerlo así pero no logro filtrar el nombre y el email, es decir, me busca tal cual las palabras de los campos pero no el texto que pongo en el input, ¿sabes como puedo filtrar las entradas em el pipe? Commented el 21 ene. 2021 a las 0:54
  • @carlosGRJ revisa esta otra respuesta para que la complementes Commented el 21 ene. 2021 a las 15:13

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.