7

Buen dia.

Tengo un componente que tiene 3 parametros de entrada

1-json_columnas

2-json_filas

3-nombre_filtro

como puedo hacer para que el nombre_filtro quede indicado como el pipe a filtrar en ese grupo de datos.

component.ts

@Input('json_columnas') columnas:[{}];
@Input('json_filas') filas:[{}];

//Pipe para buscar
@Input('nombre_filtro') pipeFiltro:string;

component.html

...

<tr *ngFor="let item of filas | pipeFiltro: itemABuscar; let i=index" >
{{item.nombre}}
</tr>
4
  • A ver si entendi, quieres acceder al valor del pipe? Osea a itemABuscar?
    – Einer
    el 30 ago. 2018 a las 19:33
  • mm no, lo que yo quiero es poder indicarle al ngFor que pipe usar,es decir que el componente padre le pueda enviar al componente hijo un valor para que filtre estos datos con este pipe el 30 ago. 2018 a las 20:19
  • Osea, quieres pasar el pipe dinamicamente en vez de tener que especificarlo en el *ngFor?
    – Einer
    el 31 ago. 2018 a las 12:38
  • Si exactamente quiero que el pipe sea dinamico el 1 sep. 2018 a las 13:09

1 respuesta 1

1

En estos casos pienso que es mejor un Pipe general, que tenga un segundo parámetro: "tipo" por ejemplo, y en la lógica definida en el Pipe se evalúe dicho tipo para decidir qué acción realizar. Acción que recomiendo esté en un servicio o, en cualquier caso, definida de forma modular.

Component

@Input('nombre_filtro') tipoFiltro:string;

Template

<tr *ngFor="let item of filas | filtro:itemABuscar:tipoFiltro; let i=index" >
    {{item.nombre}}
</tr>

Pipe

transform(item: any, itemABuscar: any, tipoFiltro: string): any {

    switch (tipoFiltro) {
        case 'filtroA':
            // ...
            break;

        case 'filtroB':
            // ...
            break;

        default:
            break;
    }

}

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.