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

Поделиться
HTML-код
  • Опубликовано: 9 ноя 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.

  • @fergolive
    @fergolive 2 года назад

    Buenisimo. gracias!!

  • @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

  • @francovedia5584
    @francovedia5584 Год назад +1

    me sirvio y funciono todo, gracias.

  • @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í

  • @nelsonfuentes8091
    @nelsonfuentes8091 2 года назад

    Muy bien explicado, muchas gracias

  • @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  Год назад +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 Год назад

      @@DominiCode gracias bezael

  • @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

  • @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

  • @Yanmr01
    @Yanmr01 2 года назад +1

    Excelente contenido

  • @yoanestradablanco1608
    @yoanestradablanco1608 Год назад +1

    Repasando de nuevo como compartir con observables estado en la aplicacion

  • @oliverdjbrown
    @oliverdjbrown 2 года назад

    GOLD!!!

  • @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

  • @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  Год назад +1

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

  • @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

  • @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?

  • @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

  • @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!!! 🤝🏼

  • @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 ?

  • @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?

  • @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.

  • @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.

  • @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

  • @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?

  • @andresmenchaca7150
    @andresmenchaca7150 2 года назад

    Done 👏🏽✅💪🏽