วีดีโอ

Hola @ov_03 por costumbre ya que la mayoría de los proyectos donde he trabajado siempre se utiliza sass sobre todo cuando se utiliza Material con un custom template. Sin embargo puedes usar css sin problema.

buen video amigo, entendí bastante Por ejemplo si tengo usuarios en las tablas y estos usuarios tienen documentos afiliados como podría gestionar para que al hacer clik en un usuario me mostrara sus documentos(estos documentos se van subiendo de la miga pagina ) Estoy recién aprendiendo, si me podrías ayudar con tu experiencia porfis

Hola @ov_03 a que te refieres con documentos? Y a que te refieres cuando dices "al hacer click me mostrara sus documentos"?

Hola @RobertoEstupiñánPérez me alegra que te guste el vídeo 😃👍

Hola estimado @lilcrist excelente, quedo atento 😃👍

Hola @RobertoEstupiñanPérez gracias por comentar por aqui te dejo el video donde explico como hacer eso: th-cam.com/video/Oj6IedUhXag/w-d-xo.html

Hola @RobertoEstupiñanPérez gracias por comentar por aqui te dejo el video donde explico como hacer eso: th-cam.com/video/Oj6IedUhXag/w-d-xo.html

Hola @RobertoEstupiñanPérez gracias por comentar por aqui te dejo el video donde explico como hacer eso: th-cam.com/video/Oj6IedUhXag/w-d-xo.html

Que bien, ésa es la idea 😃👍

No, aún no he tenido la oportunidad de actualizarlo.

Sí estás utilizando Angular 18 asegúrate de importar en tú componente UiImputComponent el ReactiveFormModule

@@AtrapadosEnElCodigo perfecto funcionó, usted es un maestro, gracias

Si esta en mis planes actualizar todos los videos con la versión 18 de Angular.

Hola @odairumanzor me alegra que te guste el vídeo, el uso del timer es para simular una petición asíncrona ya que normalmente la data que mostramos en una tabla proviene de una petición al backend.

Hola @RobertoEstupiñánPérez me alegra que te gusten los vídeos 😃👍 pero aún no tengo ningún vídeo explicativo de los formularios reactivos. Me pongo en ello el primero año 😅

Claro sí no hay internet las fuentes no se descargan porque provienen de un CDN

Hola @RobertoEstupiñánPérez solo estoy utilizando las fuentes que se configuran automáticamente cuando se instala angular material.

Hola @RobertoEstupiñánPérez que bueno que el vídeo te haya gustado 😃👍 en cuanto a crear las rutas automáticamente sí es posible, te lo puedo explicar en un video pero ya será para el otro año porque he salido de vacaciones y no me traje mi laptop 😅

@@AtrapadosEnElCodigo Ok Colega, que tengas un feliz fin de año y un 2025 prospero, felicidades, un abrazo

De nada, me alegra que te haya gustado el video 😄

Gracias por la observación, en ése caso la nueva fila se puede agregar mediante un modal y una vez que se guarde en la base de datos, sólo hay que actualizar el array que contiene la data total que se le pasa a la tabla.

Gracias @wilfredoguerra 😀👍

Hola @lilcrist oye que bien te felicito, pues nada a seguir subiendo de nivel 😃👍

Hola @RobertoEstupiñánPérez mira no tengo un video al respecto, pero dame un chance y al final del día subo un video explicando como hacer eso, suscríbete al canal para que te avise en lo que sube el video.

@@AtrapadosEnElCodigo ya estoy subscrito, lo hice en cuanto vi el primer video suyo. gracias

Listo @RobertoEstupiñánPeréz aquí tienes el link del video th-cam.com/video/Q3J0ur02I7w/w-d-xo.html

Hola @RobertoEstupiñánPérez me alegra que te guste este tutorial , para responder tu pregunta necesito que me aclares la siguiente duda, anteriormente has consumido datos de una API Rest con Angular.?🤔

@@AtrapadosEnElCodigo Para serle sincero nunca, realmente me estoy introduciendo en el uso del Angular, debido a que mi empresa, está utilizando ese framework como endpoint, yo tengo los API hechos en Symfony 7, y los quisiera mostrar con Angular Material. Gracias por responder

Dios mio, me equivoque, es FrontEnd disculpa

@@RobertoEstupiñánPérez Ahh entiendo eso pensé, por eso hice la pregunta. Bueno la realidad es que para consumir apis en Angular se puede hacer de diferentes maneras pero lo recomendable es hacer uso del service HttpClient que ya viene en el propio framework te invito a que le eches un ojo a este link de la documentación angular.dev/guide/http. Si gustas te puedo hacer un video explicando cómo usar el HttpClient, sin embargo si estas atrapado en el código y necesitas salir urgente yo también doy mentorías

@@AtrapadosEnElCodigo Gracias por todo, colega, pero no le dije algo, soy cubano

@@lilcrist muchas gracias 😃👍

Hola @JensonStopa para ocultar el directorio y las dimensiones debes hacerlo en la configuración de la terminal en el tab ventana y deschequear la opción Directorio o documento de trabajo y la opción Dimensiones

@jemc300x muchísimas gracias de nuevo

Hola @ArkTemplarioMaster ok en un rato subo el vídeo explicativo, mantente atento.

Hola @ArkTemplarioMaster aquí te dejo el video donde explico como hacer una columna ordenable th-cam.com/video/yGx0Nud7d1Q/w-d-xo.html

@@lilcrist hola, si tengo un chance este fin de semana voy a hacer un vídeo explicativo de cómo hacer éso.

​@@AtrapadosEnElCodigo por favo, te lo agradeceria mucho, estoy en mi proyecto de titulo y tengo poca experiencia con Angular 18, sin embargo tu video me ayudo mucho a solucionar el tema de las tablas, muy agradecido

@lilchist aquí esta el video donde explico como agregar columna de acciones th-cam.com/video/N7P4YcNG4UE/w-d-xo.html

@@SergioGonzalez-ng2bz hola Sergio si, justo éso lo explico en éste video th-cam.com/video/jOUfuHfUayw/w-d-xo.htmlsi=6zqb1WSnRYCjb_XM

@jemc300x muchas gracias

Hola @josecarlosleonnima1605 aquí te explico como hacer eso th-cam.com/video/oXAyhjn7sKo/w-d-xo.html

@@AtrapadosEnElCodigo osea me refiero en que cada columna tenga su filtro

@@josecarlosleonnima1605 el en vídeo también explico como hacer éso.

Hola @JohnErikcObandoRamirez ok veré sí lo hago para éste fin de semana.

Hola @JohnErikcObandoRamirez aquí explico como usar los pipes th-cam.com/video/aVWnYAPhFns/w-d-xo.html

Ok me lo apunto.

Hola @josecarlosleonnima1605 aquí explico como agregar ancho en las columnas th-cam.com/video/_ONGNNAp4SA/w-d-xo.html

hola @hein6990 si estan teniendo problemas con plugin de vscode, puede ser que el path no esta configurado. para ello abran vscode, abrir la barra de comandos (cmd+shift+P) y escribir el comando Shell Command: Install 'code' command in PATH

Hola @luisormeno9101 los campos del datasource se muestran siempre y cuando esten en las columnas a mostrar, así que sí tú datasource tiene un array de objetos y cada objeto tiene 10 propiedades y tú array de columnas solo está apuntado a 5 propiedades las otras 5 no se mostrarán. En cuanto a la otra interrogante, voy a analizar ése caso de uso para ver la manera más práctica de aplicarlo.

Hola @sergiocarrasco2096 tal cómo está ahorita se puede usar en Angular 18, pero sí, en lo que tenga un tiempo voy a pasarla a standalone components.

Ok muchas gracias estaré atento

Excelente! compártelo para otros devs le saquen provecho también.

Hola @victorhoyos7641, gracias por comentar y que bueno que te guste el video. Con respecto a tu pregunta, por 60 campos te refieres a 60 columnas? si cada columna tiene textos muy largos ahora mismo se me ocurre lo siguiente, establecer una longitud máxima de caracteres por columna y luego al hacer click en cada columna mostrar todo el contenido en la fila que se expande. Si no logras hacerlo me avisas para explicártelo en un video.

Hola @justavzz7163, me alegra que ye guste el video. A qué te refieres exactamente? porque la implementación en un caso real de un formulario no seria distinta a lo que muestro en el video de conectar el componente reutilizable con el formulario, lo además seria lo típico de trabajar con formulario reactivos, aplicar validaciones, consumir una api, etc..!!!

@@AtrapadosEnElCodigo Muchas gracias por responder me referia a hacer un formulario usando esos INPUTS reutilizables y con un boton de guardado , que al darle click me traiga por ejemplo en un console.log el valor del formulario , muchas gracias por tus videos , espero lo puedas hacer y muchas gracias !

@@justavzz7163 ahh ok justo eso ya lo hice en este otro video donde ademas explico como crear una directiva para restringir caracteres especiales th-cam.com/video/inJ-230_pE8/w-d-xo.htmlsi=p30BWi8K5AS2UG0a

Excelente que bueno que te haya servido, ésa es la idea.

Hola @jejecs que bueno que te gusten los vídeos compártelo para que otros también se beneficien. Con respecto a tú pregunta tal como lo veo tienes 2 opciones: 1- Mover la acción de expandir las filas a un botón en específico. O 2- En cada botón de acción en el evento click antes de llamar al método correspondiente colocar $event.stopImmediatePropagation(); Pienso que algunas de esas dos opciones deberían funcionarte.

Hola @jejecs en ése caso es necesario en resumidas palabras hacer dos cosas: 1- Tienes que pasarle la cantidad total de registros al MatPaginator en una propiedad llamada length 2- Escuchar el evento page del MatPaginator para que hagas las peticiones a tu API con el número de página y el tamaño de página seleccionado.

Hola, por supuesto que es viable. No hay un vídeo con todas las opciones porque las he ido creando a medida que me las han ido pidiendo.

Que bueno que te haya servido para tú caso de uso, compártelo para que otros también se beneficien 😄👍

Hola @kevinantonio8083 con lo que explico en éste video se puede hacer éso ya tienes más del 90% hecho, sólo necesitas cambiar el MatSelect por los MatChips y hacer unos pequeños ajustes para que se adapte a lo que necesitas.