Hola hermano, excelente video, te felicito y muchas gracias, todo me funciona perfecto y aprendí a hacer el search en Angular. Excelente muchisimas gracias.
Muchas gracias! Hubiese sido interesante verlo con varios argumentos, un arreglo de argumento para buscar por I’d o fecha por ejemplo a la vez. Pero el cae genial este video. Muchas gracias
Estimado antes que todo muchísimas gracias por el material que nos compartes. Aprovechando la ocasión le consulto, tiene algo sobre Algolia y firebase, para realizar búsquedas.
Muchas gracias por los videos eres genial, pregunto como puedo hacer el filtro si lo tengo en un componente aparte como por ejemplo componente "nav" que almacena el input del filtro y por otro lado esta aparte del componente "tareas" donde esta el array de items ? por favor me podria explicar
Excelente tutorial muchas gracias, una consulta como puedo mostrar dos colecciones en un tabla que esten relacionadas con su id con firebase ? gracias ante mano...
Muy buen video, me gustaria saber como puedo hacer para tener varias busqueda en la misma tabla, por ejemplo tener un imput para buscar por nombre otro para buscar por cedula etc..
no tiene nada que ver con el video disculpen, pero cual es la extension que utiliza para que el visual se vea asi con la linea del html abajo? exactamente como en el min 10:52, gracias por su ayuda
Pregunta, lo quiero aplicar en una card, la pregunta es que si en el arreglo puedo guardar los datos que quiera? y podria paginarlos? y ya si quiero una nueva card con otra info ir actualizandolo en el array, o hay otra manera mas sencilla de mostrar la info en la card?
Excelente tutorial! Pero tengo una preguntota. Sera posible hacer lo mismo pero con el input search en un navbar? Teniendo en cuenta que el navbar está en un componente distinto al catálogo
Gracias por el video. Siempre se agradece el tiempo y el esfuerzo ¿ Sería posible que hicieras el mismo video cuando, como bien dices, la app ya está montada? Con, por decir, siete componentes, servicios, modelos... Ese es mi caso. Un abrazo
Hola. ¿Si necesito hacer el filtrado de dos formularios diferentes cómo lo podría hacer? Intente esto: transform(value: any, arg?: any): any { const resultPost = []; for(const post of value){ //value equivale a todos nuestros posts if(post.name.toLowerCase().indexOf(arg.toLowerCase()) > -1 || post.product.toLowerCase().indexOf(arg.toLowerCase()) > -1){ //to LowerCase convierte todas las palabras en minúsculas resultPost.push(post); } } return resultPost; } } En el fomulario donde está el input name me hace el fitrado correctamente, pero en el formulario donde está el input product no aparece la información de la tabla.
Hola ,tengo mi tabla por paginado y el filtrado si me lo hace pero solo en la que estoy me gusraria saber si se puede hacer el filtrado pero que busque en todas las paginas del paginado
gran video, tengo una consulta si yo quisiera hacer un filtro de busqueda desde la BD y al hacer click a la palabra que obtuve como resultado,pues este me envie a otro componente, un ejemplo en google colocamos en el buscador, Angular al hacer click nos mando a una pagina donde hablen sobre angular, algo asi quiero implementar yo en mi proyecto que me han dejado
Hola, Alexandra. Debes crear enlaces en esos resultados. Que vayan a tu component. De todas maneras es difícil responder a esto en un comentario. Si intentas hacerlo y tienes errores me avisas. gracias
tengo un problema cuando voy a usar este signo " | " de una me da error de compilacion, alguien que tenga una solucion para reemplazar este simbolo de comparacion en html
Hola oye tengo un problema al tratar de paginar y realizar el filtrado, lo estoy implementando tal como esta en tus videos, este es el codigo : *ngFor="let ruta of rutas | filter:filterRutas paginate: { itemsPerPage: 1, currentPage: p } let i = index " ... por separado funcionan correctamente tanto el filtro como el paginado y asi como lo tengo actualmente solo funciona el filtrado y el paginado no, agradesco mucho que alguien me pudiera ayudar.
Ya lo resolvi, solo era cuestion de colocarlo asi : *ngFor="let ruta of rutas | filter:filterRutas | paginate: { itemsPerPage: 1, currentPage: p } let i = index "
Si le pongo otro nombre al pipe como camote.pipe igual agarrara el filtro? deberías poner un default en caso no encuentre ninguna coincidencia y como hacer si en caso quieres filtrar por femenino o masculino..
en el caso de crear un filtro para distintas variables se soluciona agregándole un || a la condición: item.title.toLowerCase().indexOf(arg.toLowerCase())>-1 || item.description.toLowerCase().indexOf(arg.toLowerCase())>-1
les comparto por si a alguno mas le llega a pasar , si da el caso que no entre al pipe cada vez que escriba , verifique el código dentro del pipe puede haber un error de sintaxis en mi caso puse indexof y no indexOf, otro punto toca siempre agregar el pipe.ts al app.module.ts en la sección de declarations
Que tal amigo, me funciona perfecto, pero yo manejo una tabla con paginado, y si busco por ejemplo un elemento que esta en el paginado 3, no me lo encuentra debo ir a la pagina 3 para que aparezca la info de la tabla, y quisiera saber como soluciono eso, que si busco un dato y esta en la pagina 3 que salga sin tener que navegar en el paginado. Gracias
Hola tengo un problema, estoy utilizando el ckeditor en django y quiero que angular visualice lo que se ha puesto en el editor de contenido, tienes alguna idea de cómo puedo hacerlo? gracias
Domini Hola, buenas una consulta... Tengo una BD con 3 name por temas de requerimientos. Como hago para combinarlos en el pipe? porque adapte tu codigo pero solo busca en 1 documento. :(
Excelente amigo. Te comento que he tratado de llevarlo al input de un navbar; el navbar pertenece a otro componente claro, pero no me funciona. ¿Hay algo diferente que tenga que hacer?
Buenas tardes... cuando intento implementarlo con un resultado paginado no me responde como me gustaria. Mantiene las paginas. Por ejemplo si el resultado esta en la pagina 3, hay que ir a la pagina 3 para encontrar el resultado y la pagina 1 y 2 estan vacias. Serias tan amable de comentarme como solucionar este tema?
@eduardo bocanegra A mi igual me aparecia ese error, por si alguien tiene el mismo error, lo que hice en el filter.pipe.ts en los parámetros de transform, fue inicializar el parámetro value como un arreglo vacío, de esta manera: transform (value: any = [ ], arg: any ): any { ..... } y ya con eso se solucionó el error al menos para mí. Saludos
Tengo una consulta: Yo llamo por metodo Get a mis registros... Y se ve que como tardan en llegar un pequeño tiempo... No llega a listarme los objetos... Necesito escribir una letra almenos para que se muestre el listado... Hay algun retardador o algo asi?? O alguna linea para que espere a que llegue el ajax??
Hola! He implementado tu solución y todo va genial. Sólo tengo una duda: en el caso de que quiera utilizar el array con los datos filtrados en otro componente, cómo podría hacerlo?? Muchas gracias y buen día!
Hola que tal muy buen tutorial, una pregunta ¿Como puedo buscar por boolean?. Lo he estado intentado, pero siempre me marca errores, la verdad estoy un poco confundido. Muy buen video.
@@DominiCode Bueno ya vez que en el vídeo tu pones post.title en este caso yo quiero poner post.activo pero quiero que mi respuesta al buscar sea un true o un false de mi tabla pero no se cómo especificarlo en el Pipe
Hola estoy probando el Filtro de búsqueda en mi proyecto pero me sale el siguiente error: "ERROR TypeError: Cannot read property 'toLowerCase' of undefined at FilterPipe.push " no me reconoce la propiedad 'toLowerCase' de undefined.
Una pregunta: ¿Cómo puedo filtrarlo por números? en este caso, en que busque por DNI de un usuario? Ejemplo: en usuarios.component.ts: posts = [ { "id": 1, "title": "Post One", "date": "12/06/2019", "dni": 25896523 } ]; Luego fui al pipefilter y puse: transform(value: any, arg: any): any { if (arg == '' || arg.length < 8) { return value; } //Quiero que me muestre después de insertar 8 caracteres. const resultPosts = []; for (const post of value) { if (post.dni.indexOf(arg) > -1) { resultPosts.push(post); } } return resultPosts; } hice eso, pero igual no hace la búsqueda. En cambio si pongo title, por ejemplo., me sirve genial.
Dentro del Pipe, en el método transform te llega un parametro value, has un console.log a ver que te está llegando. Por el error supongo que algo undefined.
@@DominiCode Array(4) 0: {id: 9, title: "Curso finalizado :3", start_date: "2019-04-15", end_date: "2019-04-17", start_time: "13:00:00", …} 1: {id: 10, title: "Intentando", start_date: "2018-02-01", end_date: "2019-01-01", start_time: "01:00:00", …} length: 2 __proto__: Array(0) Si es un array. De hecho si puedo realizar la búsqueda. El problema es que me muestra el error en consola, pero hace todo bien.
Hola, lo hice tal cual y no me muestra error en el ide, pero en la consola si, y no me muestra mis datos, estoy con una base de datos... core.js:6210 ERROR TypeError: value is not iterable at FiltroPipe.transform (filtro.pipe.ts:10) at pureFunction2Internal (core.js:36797) at Module.ɵɵpipeBind2 (core.js:36974) at BusquedaReclamoComponent_Template (busqueda-reclamo.component.html:19) at executeTemplate (core.js:12046) at refreshView (core.js:11893) at refreshComponent (core.js:13331) at refreshChildComponents (core.js:11622) at refreshView (core.js:11945) at refreshDynamicEmbeddedViews (core.js:13256) defaultErrorLogger @ core.js:6210 core.js:6210 ERROR TypeError: filtro.num_reclamo.indexOf is not a function at FiltroPipe.transform (filtro.pipe.ts:11) at pureFunction2Internal (core.js:36797) at Module.ɵɵpipeBind2 (core.js:36974) at BusquedaReclamoComponent_Template (busqueda-reclamo.component.html:19) at executeTemplate (core.js:12046) at refreshView (core.js:11893) at refreshComponent (core.js:13331) at refreshChildComponents (core.js:11622) at refreshView (core.js:11945) at refreshDynamicEmbeddedViews (core.js:13256) defaultErrorLogger @ core.js:6210 client:52 [WDS] Live Reloading enabled. core.js:6210 ERROR TypeError: filtro.num_reclamo.indexOf is not a function at FiltroPipe.transform (filtro.pipe.ts:11) at pureFunction2Internal (core.js:36797) at Module.ɵɵpipeBind2 (core.js:36974) at BusquedaReclamoComponent_Template (busqueda-reclamo.component.html:19) at executeTemplate (core.js:12046) at refreshView (core.js:11893) at refreshComponent (core.js:13331) at refreshChildComponents (core.js:11622) at refreshView (core.js:11945) at refreshDynamicEmbeddedViews (core.js:13256)
!["Aprende a crear tu propio PIPE personalizado en ANGULAR" [TUTORIAL PASO A PASO] 😲💥](http://i.ytimg.com/vi/hT8KUBY2BJE/mqdefault.jpg)
!["Aprende a crear tu propio PIPE personalizado en ANGULAR" [TUTORIAL PASO A PASO] 😲💥](/img/tr.png)
Gracias Doc me ha funcionado en mi proyecto :D
Excelente!
todo lo que enseñas tiene una calidad garantizada, que Dios te bendiga
Muchas gracias 👍
Muy grande señor. Soy desarrollador novato y me ayudó muchísimo en mi trabajo, suscrito y pronto veré más videos suyos.
Me gracias, Sam. 👍🏾
Muchas gracias. Me sirvió mucho para una tarea que tenía en el trabajo...Saludos desde Chile.
Gracias 👍🏾
gracias domini, directo al grano como dijo el dermatologo!!, saludos
🤣🤣🤣 así es Fernando. Saludos
Genial, a pesar de ser de hace varios añitos, me sirvió bastante con Angular 13
Gracias por comentar
Muchas gracias, de hace unas semanas venia buscando un metodo para filtrar los elementos del template
De nada!
Genial aporte crack, todavia vigente!
De nada bro
Te lo agradezco de corazón, funciona de maravilla incluso si hay *ngFor anidados (hay que asignarle el pipe al *ngFor padre)
Me alegro.
Que chevere me encanto ya podré implementarlo en todos mis proyectos muchas gracias espero mas videos
Gracias por tu comentario!
Eres el mejor gracias por el buscador
Gracias por el apoyo
Hola hermano, excelente video, te felicito y muchas gracias, todo me funciona perfecto y aprendí a hacer el search en Angular. Excelente muchisimas gracias.
Me alegro, Lenin. Saludos 👍🏾
Muchas gracias! Hubiese sido interesante verlo con varios argumentos, un arreglo de argumento para buscar por I’d o fecha por ejemplo a la vez. Pero el cae genial este video. Muchas gracias
Hola, Wellinton. La idea es que te guies de un ejemplo y lo adaptes a tus necesidades.
Excelente video muy bien explicado bendiciones
Gracias 👍🏾
Muchas Gracias Crack, que bonito es Angular.
Gracias Horacio. Angular es hermoso
Muchas gracias mi hermano
A la orden
Funciona de maravilla, gracias!!
Gracias por comentar
Muchas gracias estimado me ayudo la guia, saludos
De nada!
Excelente me funcionó angular 10!!!
Excelente!
muy buen video hermano
argumentas bien todo y lo explicas con claridad
saludos y exito en todo.
Gracias, Steven 😎😎😎
excelente, funciona sin problemas en angular 8
Me alegro 👍🏾 👍🏾 Saludos!
Muy buen vídeo, bien explicado y funcional
Muchas gracias!
Muchas gracias como siempre, me has salvado!
Funcionando en Angular v12
Excelente!
Estimado antes que todo muchísimas gracias por el material que nos compartes. Aprovechando la ocasión le consulto, tiene algo sobre Algolia y firebase, para realizar búsquedas.
Gracias Miguel, de momento no hay nada Algolia.
Muchas gracias por los videos eres genial, pregunto como puedo hacer el filtro si lo tengo en un componente aparte como por ejemplo componente "nav" que almacena el input del filtro y por otro lado esta aparte del componente "tareas" donde esta el array de items ? por favor me podria explicar
me parecen geniales tus videos domini code tendras alguno de datatable jquery en angular con side server en C#?? saludos y bendiciones.
Gracias Kevin, pronto estará disponible
Super bien, muchas gracias por la ayuda
Gracias, Jhon 👍🏾👍🏾
Muchas gracias, me funcionó sin problemas
Me alegro, Juan Manuel Saludos!!
Gracias por el ejemplo!
Gracias a tí, David 👍🏾
Eres el mejor, me ayudó para mi trabajo :D
Haha, muchas gracias por tu comentario 👍
Excelente video y buena base para hacer busquedas mas especificas muchas gracias c:
Gracias, saludos!
Muy bueno me funciono pero si quiero que el buscador aparte de buscar por title tambien busque por date?
Hola,Disculpa la tardanza.Aún puedo ayudarte?
Muy buen video amigo. Una pregunta si quiero tener otro filtro en el mismo componente. Tengo que crear otra carpeta pipes ?
Hola,Disculpa la tardanza.Aún puedo ayudarte?
Perfecto me ha funcionado!!, pero quisiera extender esta funcion con busqueda de mas de una columna de la tabla. tienes algun ejemplo ?
Hola, th-cam.com/video/vuzSBAxB0gs/w-d-xo.html
Excelente tutorial muchas gracias, una consulta como puedo mostrar dos colecciones en un tabla que esten relacionadas con su id con firebase ? gracias ante mano...
Hola,Disculpa la tardanza.Aún puedo ayudarte?
Muchas gracias, me sirvió mucho!
Excelente!
Que bien hermano, Implementado! Like y suscrito.
Hey Carlos. Muchasssss gracias!! Un Saludo
muchas gracias! me resolviste el dia!
Me alegro, un Saludo!!
ayudaa amigos.... me sale este error: TS2322: Type 'unknown' is not assignable to type 'NgIterable | null | undefined'.
Justo estaba haciendo eso. Pero en mi caso tenía que , por ejemplo, buscar todo o buscar por categoría con un Select TAG. Y un imput.
Gracias por tu comentario!
Muy buen video, me gustaria saber como puedo hacer para tener varias busqueda en la misma tabla, por ejemplo tener un imput para buscar por nombre otro para buscar por cedula etc..
Hola, th-cam.com/video/vuzSBAxB0gs/w-d-xo.html
excelente amigo, gracias...
Muchasssss gracias, Luis 👏🏾
me ayudo mucho este video pero tengo una consulta como hago para buscar de varios campos osea no solo del title tambien del date y eso
Hola, Annderson. Voy a hacer una actualización del tutorial y se podrás buscar por más de un campo.
@@DominiCode ya hiciste la actualizacion??
th-cam.com/video/vuzSBAxB0gs/w-d-xo.html
@@DominiCode jajaja qué buen servicio para las personas nuevas 💪
Excelente video, de casualidad tienes video de como filtrar por fechas?
Hola, creo que esto te puede ayudar. th-cam.com/video/vuzSBAxB0gs/w-d-xo.html
Gracias por ejemplo! , funciona bien con el cliente angular 8.2.14
Gracias!!
no tiene nada que ver con el video disculpen, pero cual es la extension que utiliza para que el visual se vea asi con la linea del html abajo? exactamente como en el min 10:52, gracias por su ayuda
Perdona, no lo entiendo
gracias, me funcionó !!
Me alegro mucho 👏
Pregunta, lo quiero aplicar en una card, la pregunta es que si en el arreglo puedo guardar los datos que quiera? y podria paginarlos? y ya si quiero una nueva card con otra info ir actualizandolo en el array, o hay otra manera mas sencilla de mostrar la info en la card?
Hola tendrás algún video en donde implementes el filtro con paginación?
Hola, Oscar.
Lo único de paginación que tenemos por ahora es esto.
th-cam.com/video/NUmLaVcx1HI/w-d-xo.html
Como hago si le quiero pasar mas de 2 variables para poder filtrar?
Aquí tienes la respuesta. th-cam.com/video/vuzSBAxB0gs/w-d-xo.html
GRACIAS BROW ME AYUDASTE MUCHÍSIMO
Me alegro, Jorge.
Hola bezael como estas?, consulta, como se comporta este filtro si hay paginación?
Mister, Franco. Esto está resuelto ?
Excelente tutorial! Pero tengo una preguntota. Sera posible hacer lo mismo pero con el input search en un navbar? Teniendo en cuenta que el navbar está en un componente distinto al catálogo
Hola, Jose. Sí es posible.
@@DominiCodetienes algún video que me recomiendes ver para darme una idea de cómo hacerlo? O más o menos que devo buscar para empezar? Gracias!
buen video pero una consulta como seria si tengo un paginado y solo busca lo que esta en una pagina x favor
funciono super gracias!
Excelente!
es posible filtrar igual pero que no sea con una tabla sino con un card o algo parecido?
Hola, Nicolas. No te entiendo. Sorry
Lo hice con cards y very good!
@@galim5000 vale muchísimas gracias haré el intento
@@DominiCode pues establecer el filtro pero con el componente card
Gracias por el video. Siempre se agradece el tiempo y el esfuerzo ¿ Sería posible que hicieras el mismo video cuando, como bien dices, la app ya está montada? Con, por decir, siete componentes, servicios, modelos... Ese es mi caso. Un abrazo
Hola. ¿Si necesito hacer el filtrado de dos formularios diferentes cómo lo podría hacer? Intente esto:
transform(value: any, arg?: any): any {
const resultPost = [];
for(const post of value){ //value equivale a todos nuestros posts
if(post.name.toLowerCase().indexOf(arg.toLowerCase()) > -1 || post.product.toLowerCase().indexOf(arg.toLowerCase()) > -1){ //to LowerCase convierte todas las palabras en minúsculas
resultPost.push(post);
}
}
return resultPost;
}
}
En el fomulario donde está el input name me hace el fitrado correctamente, pero en el formulario donde está el input product no aparece la información de la tabla.
Hola, th-cam.com/video/vuzSBAxB0gs/w-d-xo.html
y filtra igual por la fecha? tengo un tema con una columna date
hola, buen video hermano! pero tengo un error y me aparece "value is not iterable" me podrías decir cual sería la solución?
me pasa lo mismo, usas Angular 9?
no será que se está pasando un objeto? los objetos no son iterables.
Se deberán transformar en arrays para ser iterables
@@juanda8652 me podrian ayudar a transformarlo a un array?
Porque NO es un array
Debe ser un array
Hola ,tengo mi tabla por paginado y el filtrado si me lo hace pero solo en la que estoy me gusraria saber si se puede hacer el filtrado pero que busque en todas las paginas del paginado
Hola, Jorge. Tal y como lo tenemos aquí no. Pq busca en el dataSource actual.
@@DominiCode hola alguien a hecho el filtro con pagination
Hola, Richard. Me pondrías explicar un poco más. Gracias
eres un CRACK me ayudas mucho, que haria si quiero ponerle otra condicion, osea que me busque en todas las formas, por id, tittle y date
Hola, Omar. Tendría qué volver a ver este video pq no me acuerdo qué y como lo hacía. Estoy pensando en rehacer este video
@@DominiCode jajajaja, bueno Crack, estoy intendando hacer otro if, pero el primer if me cancela el otro if que hago.
Gracias Crack
gran video, tengo una consulta si yo quisiera hacer un filtro de busqueda desde la BD y al hacer click a la palabra que obtuve como resultado,pues este me envie a otro componente, un ejemplo en google colocamos en el buscador, Angular al hacer click nos mando a una pagina donde hablen sobre angular, algo asi quiero implementar yo en mi proyecto que me han dejado
Hola, Alexandra. Debes crear enlaces en esos resultados. Que vayan a tu component. De todas maneras es difícil responder a esto en un comentario. Si intentas hacerlo y tienes errores me avisas. gracias
tengo un problema cuando voy a usar este signo " | " de una me da error de compilacion, alguien que tenga una solucion para reemplazar este simbolo de comparacion en html
Hola,como podria hacer para no solo que busque por title,sino también por algún otro campo ?
Hola, th-cam.com/video/vuzSBAxB0gs/w-d-xo.html
Exelente video
Gracias!
Qué extensiones usas en VS CODE para trabajar con Angular?
marketplace.visualstudio.com/items?itemName=loiane.angular-extension-pack
Esta es un pack de extensiones.
@@DominiCode Ese es el único que tienes instalado? Crees que con éste es suficiente entonces? o utilizas algún otro?
Debe tener algunas más pero con este pack, no Creo qué necesites más
Hola oye tengo un problema al tratar de paginar y realizar el filtrado, lo estoy implementando tal como esta en tus videos, este es el codigo : *ngFor="let ruta of rutas | filter:filterRutas paginate: { itemsPerPage: 1, currentPage: p } let i = index " ... por separado funcionan correctamente tanto el filtro como el paginado y asi como lo tengo actualmente solo funciona el filtrado y el paginado no, agradesco mucho que alguien me pudiera ayudar.
Ya lo resolvi, solo era cuestion de colocarlo asi : *ngFor="let ruta of rutas | filter:filterRutas | paginate: { itemsPerPage: 1, currentPage: p } let i = index "
Me alegro
Si le pongo otro nombre al pipe como camote.pipe igual agarrara el filtro? deberías poner un default en caso no encuentre ninguna coincidencia y como hacer si en caso quieres filtrar por femenino o masculino..
en el caso de crear un filtro para distintas variables se soluciona agregándole un || a la condición:
item.title.toLowerCase().indexOf(arg.toLowerCase())>-1 || item.description.toLowerCase().indexOf(arg.toLowerCase())>-1
Hola,Disculpa la tardanza.Aún tienes el ERROR? Gracias.
Hola,Disculpa la tardanza.Aún tienes el ERROR? Gracias.
Hola,Disculpa la tardanza.Aún tienes el ERROR? Gracias.
les comparto por si a alguno mas le llega a pasar , si da el caso que no entre al pipe cada vez que escriba , verifique el código dentro del pipe puede haber un error de sintaxis en mi caso puse indexof y no indexOf, otro punto toca siempre agregar el pipe.ts al app.module.ts en la sección de declarations
Gracias!!
Que tal amigo, me funciona perfecto, pero yo manejo una tabla con paginado, y si busco por ejemplo un elemento que esta en el paginado 3, no me lo encuentra debo ir a la pagina 3 para que aparezca la info de la tabla, y quisiera saber como soluciono eso, que si busco un dato y esta en la pagina 3 que salga sin tener que navegar en el paginado. Gracias
El pipe funciona solo en ese for
th-cam.com/video/vuzSBAxB0gs/w-d-xo.html
Hola tengo un problema, estoy utilizando el ckeditor en django y quiero que angular visualice lo que se ha puesto en el editor de contenido, tienes alguna idea de cómo puedo hacerlo? gracias
Hola, Gastón. Y tienes una API con django ?
Domini Hola, buenas una consulta...
Tengo una BD con 3 name por temas de requerimientos.
Como hago para combinarlos en el pipe?
porque adapte tu codigo pero solo busca en 1 documento. :(
Hola, th-cam.com/video/vuzSBAxB0gs/w-d-xo.html
Excelente amigo.
Te comento que he tratado de llevarlo al input de un navbar; el navbar pertenece a otro componente claro, pero no me funciona.
¿Hay algo diferente que tenga que hacer?
Hola, pero tienes algún error en la consola?
Tengo 500 direcciones bitcoin publicas en un array y quiero mostrar 1 solo por cada transacción. Debo usar filter? o que operador me aconsejas?
Hola, Rubén. Todo depende si tienes que operar con estas propiedades. Un map también te puede ser util.
Buenas tardes... cuando intento implementarlo con un resultado paginado no me responde como me gustaria. Mantiene las paginas. Por ejemplo si el resultado esta en la pagina 3, hay que ir a la pagina 3 para encontrar el resultado y la pagina 1 y 2 estan vacias.
Serias tan amable de comentarme como solucionar este tema?
¿En qué momento declaró el pipe?
LLeválo al app.module
Excelente amigo
Gracias!!!
muy bien, gracias!
😎😎😎😎😎
Y si quisiera hacer un filtrado de objetos dentro de una lista?
Hola,Disculpa la tardanza.Aún puedo ayudarte?
Hola amigo tengo este error, me podrias ayudar estoy trayendo datos de un PHP
TypeError: value is not iterable
Tendrías qué ver qué le estás pasando en value. Debe ser un string y no in object
@@DominiCode si ya me di cuenta, ya lo logre resolver Gracias Amigo
@@djalexanderpaz Perdón, cómo lo resolviste, porfa?
Hola bro si me funciona pero me dice que ERROR TypeError: value is not iterable en el pipe
resolviste el error?
Hola,Disculpa la tardanza.Aún tienes el ERROR? Gracias.
@@DominiCode No, ya pude solucionarlo, muchas gracias por el video, me ayudo a montones :D.
@eduardo bocanegra A mi igual me aparecia ese error, por si alguien tiene el mismo error, lo que hice en el filter.pipe.ts en los parámetros de transform, fue inicializar el parámetro value como un arreglo vacío, de esta manera: transform (value: any = [ ], arg: any ): any { ..... } y ya con eso se solucionó el error al menos para mí. Saludos
@@CristianAlvarez-ub3vy como lo solucionastes?
Como haria si el input de search esta en otro componente??
Hola, Rafael. Pies con el decorator input. th-cam.com/video/gsZW-RW67Z8/w-d-xo.html
Tengo una consulta: Yo llamo por metodo Get a mis registros... Y se ve que como tardan en llegar un pequeño tiempo... No llega a listarme los objetos... Necesito escribir una letra almenos para que se muestre el listado...
Hay algun retardador o algo asi?? O alguna linea para que espere a que llegue el ajax??
if (!value || !arg) {
return value;
}
Ya lo arregle con eso
Genial!!
Alguna idea con este error?
ClienteComponent.html:64 ERROR TypeError: Cannot read property 'indexOf' of undefined
Hola,Disculpa la tardanza.Aun sigues teniendo el mismo ERROR?.Gracias
Tengo el mismo error ayuda
Hola! He implementado tu solución y todo va genial. Sólo tengo una duda: en el caso de que quiera utilizar el array con los datos filtrados en otro componente, cómo podría hacerlo?? Muchas gracias y buen día!
Puedes almacenar los datos filtrados en otra variable y pasarlos
Mil gracias Crack!
Gracias!!!!!
Hola que tal muy buen tutorial, una pregunta ¿Como puedo buscar por boolean?. Lo he estado intentado, pero siempre me marca errores, la verdad estoy un poco confundido. Muy buen video.
Hola, Hugo. No entiendo la pregunta. Sorry
@@DominiCode Bueno ya vez que en el vídeo tu pones post.title en este caso yo quiero poner post.activo pero quiero que mi respuesta al buscar sea un true o un false de mi tabla pero no se cómo especificarlo en el Pipe
Y si esque deseo hacer el filtro pero ingresando por ejemplo Post One ? en pocas palabras como hago un filtro de nombres y apellidos? Ayuda
Buenas, al hacer el console.log no entra en el sip en mi proyecto :/ alguna duda de porque puede ser?
Resuelto ?
Hola estoy probando el Filtro de búsqueda en mi proyecto pero me sale el siguiente error: "ERROR TypeError: Cannot read property 'toLowerCase' of undefined at FilterPipe.push " no me reconoce la propiedad 'toLowerCase' de undefined.
Hola, Anyinson. Es un método, con lo cual debes poner parentesis al final. toLowerCase(). Lo estás poniendo ?
core.js:10105 NG0303: Can't bind to 'ngForFilter' since it isn't a known property of 'div'.
en la consola me sale ese error
En declarations del app.module.
Hola, ¿Tienes alguna referencia de cómo crear un buscador como el de Amazon con Angular?
Hola, Gab. Prueba a buscar Algoria y angular. De todos modos tenemos qué hacer algo de esto. Pero no sé, cuando se publicará
@@DominiCode de preferencia que sea desde un BD Firabse.
Una pregunta: ¿Cómo puedo filtrarlo por números? en este caso, en que busque por DNI de un usuario?
Ejemplo:
en usuarios.component.ts:
posts = [
{
"id": 1,
"title": "Post One",
"date": "12/06/2019",
"dni": 25896523
}
];
Luego fui al pipefilter y puse:
transform(value: any, arg: any): any {
if (arg == '' || arg.length < 8) { return value; }
//Quiero que me muestre después de insertar 8 caracteres.
const resultPosts = [];
for (const post of value) {
if (post.dni.indexOf(arg) > -1) {
resultPosts.push(post);
}
}
return resultPosts;
}
hice eso, pero igual no hace la búsqueda. En cambio si pongo title, por ejemplo., me sirve genial.
convertile a string o cambia tu logica
Hola Rubén, gracias por el aporte.
Tengo este error:
Cannot read property 'length' of undefined
at FilterPipe.push../src/app/pipes/filter.pipe.ts.FilterPipe.transform
Dentro del Pipe, en el método transform te llega un parametro value, has un console.log a ver que te está llegando. Por el error supongo que algo undefined.
@@DominiCode Array(4)
0: {id: 9, title: "Curso finalizado :3", start_date: "2019-04-15", end_date: "2019-04-17", start_time: "13:00:00", …}
1: {id: 10, title: "Intentando", start_date: "2018-02-01", end_date: "2019-01-01", start_time: "01:00:00", …}
length: 2
__proto__: Array(0)
Si es un array. De hecho si puedo realizar la búsqueda. El problema es que me muestra el error en consola, pero hace todo bien.
Gracias me sirvió mucho :)
Gracias Oliver.
Ayuda... quiero buscar en un rango de valores..
Explica el caso de uso por favor
Excelente, gracias
Gracias por tu comentario!
Hola, lo hice tal cual y no me muestra error en el ide, pero en la consola si, y no me muestra mis datos, estoy con una base de datos... core.js:6210 ERROR TypeError: value is not iterable
at FiltroPipe.transform (filtro.pipe.ts:10)
at pureFunction2Internal (core.js:36797)
at Module.ɵɵpipeBind2 (core.js:36974)
at BusquedaReclamoComponent_Template (busqueda-reclamo.component.html:19)
at executeTemplate (core.js:12046)
at refreshView (core.js:11893)
at refreshComponent (core.js:13331)
at refreshChildComponents (core.js:11622)
at refreshView (core.js:11945)
at refreshDynamicEmbeddedViews (core.js:13256)
defaultErrorLogger @ core.js:6210
core.js:6210 ERROR TypeError: filtro.num_reclamo.indexOf is not a function
at FiltroPipe.transform (filtro.pipe.ts:11)
at pureFunction2Internal (core.js:36797)
at Module.ɵɵpipeBind2 (core.js:36974)
at BusquedaReclamoComponent_Template (busqueda-reclamo.component.html:19)
at executeTemplate (core.js:12046)
at refreshView (core.js:11893)
at refreshComponent (core.js:13331)
at refreshChildComponents (core.js:11622)
at refreshView (core.js:11945)
at refreshDynamicEmbeddedViews (core.js:13256)
defaultErrorLogger @ core.js:6210
client:52 [WDS] Live Reloading enabled.
core.js:6210 ERROR TypeError: filtro.num_reclamo.indexOf is not a function
at FiltroPipe.transform (filtro.pipe.ts:11)
at pureFunction2Internal (core.js:36797)
at Module.ɵɵpipeBind2 (core.js:36974)
at BusquedaReclamoComponent_Template (busqueda-reclamo.component.html:19)
at executeTemplate (core.js:12046)
at refreshView (core.js:11893)
at refreshComponent (core.js:13331)
at refreshChildComponents (core.js:11622)
at refreshView (core.js:11945)
at refreshDynamicEmbeddedViews (core.js:13256)
Parece No ser un array
Olv :0
¡¡Gracias!!
De nada