Cómo usar la Proyección de Contenido en Angular para pasar contenido HTML entre componentes.

[@wjmmk]

PEDAZO de aporte a la comunidad, muchas gracias.

[@gnickalan]

Desde que conseguí este canal es espectacular la forma de explicar de AkoTech. Me gusta que la la vez de ser claro a la hora de explicar también profundiza en distintos casos, esto de hace entender cómo funciona Angular. ¡Excelente trabajo! ¡Muchas gracias!

[@akotech]

Muchísimas gracias por tus palabras Nick 😊! un saludo

[@rojastegulu]

illo, qué locura que un video tan bueno en contenido y en presentación tenga menos de mil visitas. Infinitamente mejor que cualquier otro video y que la misma documentación de Angular. Este y otros videos incluyendo los de RxJS han sido de gran ayuda, el canal es una gema y me queda pendiente apoyar al canal en cuanto tenga la oportunidad.

[@akotech]

Muchísimas gracias por tus palabras 😊. Un placer haberte podido ayudar. un saludo

[@josemanuelgarciarodriguez9223]

Si no hablara como si le estuvieran pisando el dedo gordo del pie, tendría muchas más visitas.

[@rubenalarcongalvez8007]

Muy bueno! A mi me gusta poner las directivas del componente que voy a usar (si es específico o standalone) en un mismo modulo dentro del componente. Así siempre que lo vaya a usar, importo solo las directivas de ese componente, no todas

[@juanan313]

Madre mía descubrí este canal hace pocas semanas cuando decidí incorporar ngrx a un proyecto, y una maravilla y este tema ya me había enfrentado al problema de la proyección de contenido y que se inicializaran todos los elementos a la vez y me ha sorprendido lo sencillo que se puede de solucionar. Una pasada de video, gracias!!

[@akotech]

Un placer poder ayudarte. un saludo y gracias por tu comentario 😉

[@ramonmartinez1144]

Muy muy muy bueno la verdad....Siempre me había preguntado como las librerías hacían una especie de "lazy load" con la proyección de contenido y porque la envolvían en un ng-template. Muchas gracias. no dejes de compartir tus conocimientos , deberías de ser un GDE en Angular

[@akotech]

Muchas gracias, Ramón😊!

[@kevinsuarezguzman302]

Excelente, muchas gracias por compartir este conocimiento

[@akotech]

Con mucho gusto, un saludo 😊!

[@mauriciomontes8235]

creo que lo veré varias veces... esto es nuevo para mi hahha..gracias por el video

[@akotech]

Las veces que haga falta 😁. Gracias por tu comentario.

[@martingonzales2665]

Muchas Gracias!!!!!!!! Lo maximo

[@akotech]

Gracias a ti por tu comentario 😉. un saludo

[@daguttt]

Como siempre. La calidad del video y del contenido... ¡Increíble!🔥.

[@akotech]

Gracias Daniel 😉!

[@nacholangdon]

Excelente contenido!

[@akotech]

Gracias! 😊

[@PterPmntaM]

Gran video.

[@akotech]

Gracias 😊!

[@tecnogermano2368]

😀😀

[@enriqueruiz320]

🤯

[@christianlira5815]

Yo con la parte de ng-content: Oooh genial 👍 Yo con la parte de ng-template. TemplateRef, TemplateOutlet y directivas: AGUANTAAAAAAAAAAAA

[@akotech]

😁

[@gerardocardenas8805]

Excelentes videos, gracias akotech por dedicar tiempo y esfuerzo para realizar estos videos educativos tan necesarios, ahora tengo una duda y la estoy probando en estos momentos, consiste en usar ViewChild en vez de ContentChild y no da el mismo resultado, es decir no se muestra el contenido, porque será ¿? gracias.

[@akotech]

Muchas gracias por tus palabras Gerardo! El problema que tienes con ViewChild es porque este decorador hacer búsquedas solo entre los elementos que pertenezcan explícitamente al template de dicho componente. Como el contenido proyectado está definido en otro template, por eso no encuentra esos elementos. En el siguiente video tienes una explicación del funcionamiento de estos decoradores por si le quieres echar un vistazo kzbin.info/www/bejne/e57IcpiNg5ifjtksi=pmQgteuU_vTCwm71 . un saludo

[@ezequielrivera9992]

Aún no entiendo el problema que se solucionó aquí, me podrían explicar

[@akotech]

Hola Ezequiel, lo que hablamos en este video no es un problema en sí, sino más bien una necesidad. Y es que hay veces que el contenido HTML de un componente o parte de este depende del contexto en el que ese componente sea usado dentro de la aplicación. Esto sucede sobre todo con componentes que cumplen una función de contenedor de la UI, como es el ejemplo de las tarjetas o cards que usamos en el video. Cuando creas un componente _card_ hay parte de su contenido HTML que no puedes definir en su propio template porque variará en función de lugar en el que la tarjeta sea usada. Y es ahí donde entra en juega esta proyección de contenido de la que hablamos en el video. un saludo

[@ezequielrivera9992]

@@akotech Es que cuando trato de entender el concepto para usarlo viene a mi mente uso de servicios pero creo que es cuestión de ponerlo en práctica verdad. Muchas gracias por su respuesta y su video 🙏

[@gabrielordonez7876]

Excelente explicación como siempre, abra algún link con el código en github para practicar?

[@akotech]

Acabo de incluir el enlace al repo en la descripción. un saludo y gracias por tu comentario 😉