Comunicación entre componentes en Angular con Observable 🅰️ - 28 Días aprendiendo Angular #27

แชร์
ฝัง
  • เผยแพร่เมื่อ 18 ธ.ค. 2024

ความคิดเห็น • 45

  • @danielcasassanchez
    @danielcasassanchez ปีที่แล้ว +2

    Muchas gracias llego unas semanas con el dichoso problema y fuiste mi solución, comunicación entre componentes que no sean ni padres ni hijos ni viceversa.

    • @DominiCode
      @DominiCode  ปีที่แล้ว

      Hola Daniel, me alegra mucho ayudarte 🥳

  • @edelacode
    @edelacode 2 ปีที่แล้ว

    Este video es oro en bruto, 10/10 Bezael ... Duro papá!!

  • @erismeirishidalgoreyes656
    @erismeirishidalgoreyes656 2 ปีที่แล้ว

    Gracias Domini Code. Me ha ayudado muchísimo con mi aplicación esta explicación.

  • @francovedia5584
    @francovedia5584 ปีที่แล้ว +1

    me sirvio y funciono todo, gracias.

    • @DominiCode
      @DominiCode  ปีที่แล้ว

      De nada, Franco. A la orden

  • @leandrosantangelo4598
    @leandrosantangelo4598 2 ปีที่แล้ว +1

    Muy buen video, yo me rompi la cabeza para hacerlo antes usando Subject. Quería mencionar dos cosas importantes que me dieron problemas y estas son: Primero En el metodo ngOnDestroy() del componente que usa el subject hay que hacer un unsubscribe() para que no siga con vida si se destruye el componente. Segundo cuando hacer asObservable() en el servicio le agregue .asObservable().pipe(shareReplay()); para que sea una unica fuente de la verdad sino pueden tener multiples fuentes porque se podria estar creando multiples instancias emisoras

  • @cesargonzaloharo8137
    @cesargonzaloharo8137 2 ปีที่แล้ว

    Muy buen material Bezael, como siempre.
    Lo que seria muy bueno, lo cual a mi me costo muchiiisimo es saber por donde comenzar.
    Ejemplo: si yo deseo ser bueno en Angular.... empezar por Javascript, typescript, Angular..... y asi poder poder dar pasos mas seguros. Ya que realmente hay muchiiisima información, algunas buenas y otras no tanto... hasta llegar a dar con lo bueno.
    En este caso vos sos un master en programación .
    Saludos, y sigue así

  • @fergolive
    @fergolive 2 ปีที่แล้ว

    Buenisimo. gracias!!

  • @nelsonfuentes8091
    @nelsonfuentes8091 2 ปีที่แล้ว

    Muy bien explicado, muchas gracias

  • @InSanE-404
    @InSanE-404 2 ปีที่แล้ว +1

    Por favor un video haciendo do un crud donde para editar borrar agregar se utilicen modales de bootstrap puedes hacer ? Estoy teniendo complicaciones cuando eliminó tengo que recargar la página y pierde el sentido de SPA y también al editar un objeto de una array el modal me queda siempre con 1 valor y se edita el que quiere hasta q recargo la página también no se muestra nada

  • @briancastroTI
    @briancastroTI ปีที่แล้ว

    Excelente video!
    Tengo una una duda, veo que en el home.component.ts utilizas el servicio en el ngOnInit. siempre se debe usarse en el ngOnInit para evitar errores?

  • @leonardobarrios1509
    @leonardobarrios1509 2 ปีที่แล้ว +1

    Gracias Bezael por compartir tu conocimiento, una duda el colocar el guion bajo en los id de las interfaces o objetos es por algún estandar o manejo personal?

    • @DominiCode
      @DominiCode  2 ปีที่แล้ว +1

      Hola, Leonardo. Creo que lo hice aquí por la API, ya que venia dato así. pero normalmente se usa el guión bajo para la propiedad privadas en las clases. A mí no me gusta

    • @leonardobarrios1509
      @leonardobarrios1509 2 ปีที่แล้ว

      @@DominiCode gracias bezael

  • @DanielAlvarez-yh1yx
    @DanielAlvarez-yh1yx ปีที่แล้ว +1

    buen contenido crack, una consulta, como puedo mostrar esos datos del observable a un imput?

    • @DominiCode
      @DominiCode  ปีที่แล้ว

      Hola, Daniel. A qué te refieres?

    • @DanielAlvarez-yh1yx
      @DanielAlvarez-yh1yx ปีที่แล้ว

      @@DominiCode hola, lo que queria saber como puedo pasar esos datos obtenidos a un imput para poder hacer asi un UPDATE a esos datos.
      gracias por responder.. Saludos

  • @rogmarrivero6677
    @rogmarrivero6677 2 ปีที่แล้ว +1

    una duda, porque toco lo que injectas en el constructor l pones readonly?.

    • @DominiCode
      @DominiCode  2 ปีที่แล้ว

      Hola, Rogmar. Te respondo en este live.
      Recuerda seguirnos en twitch 👉 www.twitch.tv/Dominicode_live
      Gracias!!! 🤝🏼

  • @Yanmr01
    @Yanmr01 2 ปีที่แล้ว +1

    Excelente contenido

  • @Piroft
    @Piroft 2 ปีที่แล้ว +1

    Tu crees que esto sería util en un login que pase data al dashboard?, o hay algo mejor. gracias!

    • @DominiCode
      @DominiCode  2 ปีที่แล้ว +1

      Totalmente, para mi es la mejor forma

  • @juan_chan
    @juan_chan 2 ปีที่แล้ว +2

    Muy buena serie de videos, una duda, este aproach es como usar estados con ngrx ? Cuando recomendarías usar uno u otro ?

    • @DominiCode
      @DominiCode  2 ปีที่แล้ว

      Es depende cuan grande sea la app

  • @AZCHILENO
    @AZCHILENO 2 ปีที่แล้ว

    hols, si actualizo la página se pierde la ciudad que seleccione o queda como en "sesión"?, por ejemplo al presionar Santo domingo y actualizo la pagina, seguirá diciendo santo domingo?

  • @alejandrosanchez2410
    @alejandrosanchez2410 2 ปีที่แล้ว +1

    Hola,buen vídeo,me gusta mucho tu contenido y cómo explicas las cosas,tengo una pregunta
    hay algun observable que te permita recuperar todos los valores antes de suscribirse?
    Graias

    • @DominiCode
      @DominiCode  2 ปีที่แล้ว +1

      Hola, Alejandro. Gracias por tu comentario. Justo esa es la idea de los observables, darte la data cuando te suscribes.

  • @ericefrainalmendrasarnez2936
    @ericefrainalmendrasarnez2936 ปีที่แล้ว

    Consulta, si tengo un componente Padre y este tiene un hijo, pero el hijo tiene un hjo y a su vez ese tiene un hijo, es recomendable usar behaviorsubject para la comunicaciòn entre esos componentes? porque creo que si uso inputs y outputs, deberia tener varios inputs si quiero comunicar info del ultimo hijo del àrbol al padre, que recomendas? Usar varios inputs y outputs o usar behaviorsubject ?

  • @rafaeltorres4122
    @rafaeltorres4122 2 ปีที่แล้ว +1

    Gracias por el video 👍 Tengo una duda, de que manera puedo acceder al valor de los elementos contenidos en selectedCity$ para poder utilizarlos en el archivo .ts ya que pasa hacer una propiedad de tipo Observable con la asignación selectedCity$ = this.dataSvc.selectedCity$. Saludos 👋

    • @DominiCode
      @DominiCode  2 ปีที่แล้ว

      Te refires sin tener que suscribirte ?

    • @rogmarrivero6677
      @rogmarrivero6677 2 ปีที่แล้ว +1

      tienes que suscribirte y en la suscrición sacas los valores.

  • @yoanestradablanco1608
    @yoanestradablanco1608 ปีที่แล้ว +1

    Repasando de nuevo como compartir con observables estado en la aplicacion

    • @DominiCode
      @DominiCode  ปีที่แล้ว

      Perfecto Yoan ☺️

  • @joserojasarnias9956
    @joserojasarnias9956 2 ปีที่แล้ว

    Hola una pregunta, por ejemplo en el [ngModel]=selection?.name, por que se coloca ese signo de interrogacion luego de escribir selection?

    • @nicoolima
      @nicoolima ปีที่แล้ว

      Si no se usa el signo de interrogación, y la variable selection es null o undefined, la aplicación daría error. En cambio con el signo, si el valor es null o undefined, será undefined y el programa sigue su ejecución... creo.

  • @manuff11
    @manuff11 2 ปีที่แล้ว

    Primero muchas gracias por todo, una pregunta, da igual donde se use ese servicio? Quiero decir, todos los modulos que lo tengan en el providers podrán acceder a ese observable con el estado en cuestión?

  • @NASREDDINOUFALLAH
    @NASREDDINOUFALLAH ปีที่แล้ว

    tengo tantas preguntas , pero mejor hay que volver a ver el video resolve y el guard me sale deferente pero tengo que repasar este video si o si

  • @marcosgalaviz4904
    @marcosgalaviz4904 2 ปีที่แล้ว

    Sin duda eres de mis 3 o 4 "heroes" que sigo, mil gracias por compartir tus conocimientos esta serie ha sido super :) una dudita, ¿que pasa si con esta tecnica el usuario actualiza la pagina? ¿que mecanismo recomendarias para que el contenido en el behaviorSubject "permanezca"? y por ejemplo yo uso el behavior en un componente "nav" que se carga en el appComponent pero un componente que aparece dentro del routerOulet cuando se actualiza la pagina y esta ese componente activo, el behavior del componente no se actualiza, tengo que cambiar de componente y ahora si ya tiene los valores correctos no se si ambos componentes (el nav y el que esta en el router) se cargan al mismo tiempo y por eso el "hijo" no toma el valor del behavior , creo que enrede mi pregunta :) jaja, pero aunque no se pueda contestar, nuevamente mil gracias por tus videos :D

  • @rafaeltorres3362
    @rafaeltorres3362 2 ปีที่แล้ว

    Dentro del componente hijo realizo la suscripción y muestro el valor de la propiedad en el DOM pero en el método ngOnInit del componente hijo puse unas condiciones para poder mostrar strings de acuerdo al valor de la propiedad obtenida en la suscripción mi duda es cómo ejecutar el método ngOnInit del componente hijo para que pueda ejecutar la lógica y muestre los strings en el DOM

  • @JECH_YT
    @JECH_YT 2 ปีที่แล้ว

    Gracias por el video, tengo una inquietud, si recargo la pagina (sea con f5 o con el botón de recarga del navegador) el objeto se desaparece. Sabes porque es? tiene alguna solución ?

    • @InSanE-404
      @InSanE-404 2 ปีที่แล้ว

      El objeto lo guardas en el localstorage?

  • @oliverdjbrown
    @oliverdjbrown 2 ปีที่แล้ว

    GOLD!!!

  • @andresmenchaca7150
    @andresmenchaca7150 2 ปีที่แล้ว

    Done 👏🏽✅💪🏽