2

Esta claro que la comunicación entre Componentes Padres <--> Hijos se realiza mediante @Input / @Output pero para comunicar dos o mas componentes que no tienen esta relación es correcto utilizar un servicio donde se guarde la var. con el state del componente. Es esto correcto? Como se realiza según el siguiente ejemplo?


[Este componente pertenece al modulo 1]

<component-1 state="1"></component-1>

[Este componente pertenece al modulo 2]

<component-2 (click)="cambiarState(0)"></component-1>

ServicioComunicación.service.ts

Component-1{
 - State="X"
}

Es como si tuviéramos una representación en Json de los estados de los componentes por el cual podríamos modificar con un servicio.

Que pensáis sobre esto??

3
  • Redux justo hace eso elevado a la máxima expresión: github.com/angular-redux/store
    – KarlosCode
    Commented el 10 mar. 2017 a las 20:29
  • ¿Ya solucionaste el problema? Commented el 12 abr. 2017 a las 20:53
  • Es una opción pero si necesitas esa variable en otro servicio el cual ya esta inyectado el anterior. Tendras un error de dependencias circulares. Commented el 6 ago. 2018 a las 16:53

1 respuesta 1

3

La idea es usas el servico, lo inyectas en ambos componentes, en el component-1 te subscribers a un observable y en el component-2 cambias ese observable.

Justo despues de cambiar ese observable, tendras un trigger en el component-1 donde te habias subscrito a el, y asi habilitas la comunicacion entre ambos.

https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#bidirectional-service

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.