Tengo un diseño que usa angular 2 donde el componente del encabezado, el componente de la barra de navegación y el componente del cuerpo donde se cargan todos los demás componentes. Como muestra la imagen a continuación

EncabezamientoNavegaciónDonde se cargan otros componentes (esta sección puede tener componentes anidados / componentes secundarios)

Aquí, básicamente, en el componente de encabezado, quiero mostrar elestado actual. Y en la parte inferior del estado actual, quiero mostrar elestado previo del usuario

Problemas: para implementar esto utilicé la técnica de interacción de componentes en angular.

Una vez que la aplicación se vuelve a cargar, muestra el valor predeterminado para
los estados posteriores.

En un escenario como donde el usuario aterriza directamente en la página particular que es un componente secundario en el cuerpo también, muestra el valor predeterminado para el estado actual y el estado posterior.

Dado que angular sigue la arquitectura de componentes, quiero una mejor manera de implementar esta característica.

Si estoy llegando directamente a un componente secundario en la sección 3 de la imagen, mi componente de encabezado debería obtener el título / estado actual de acuerdo con la página específica en el componente de encabezado.

Mi solución para esto estaba en cada componente cuando ngOnInit paso el valor del estado actual. También analizo el valor de estado anterior. Por lo tanto, el componente de encabezado lo muestra como está dado que el servicio se escribe utilizando la técnica en este enlace:https://angular.io/docs/ts/latest/cookbook/component-communication.html

Pero hay algunas instancias en las que obtengo los datos del servidor y tengo que actualizar el estado actual del encabezado. Ahí veo que no se muestra en absoluto.

Necesito ayuda con una buena solución.

PD: dado que este mecanismo está en diferentes tipos de archivos y es un poco complejo, soy incapaz de actualizar una plantilla de código