Eu tenho um design usando o angular 2, onde o componente do cabeçalho, o componente da barra de navegação e o componente do corpo, onde todos os outros componentes são carregados. Como a imagem mostra abaixo

CabeçalhoNavegaçãoOnde outros componentes são carregados (esta seção pode ter componentes aninhados / componentes filhos)

Então aqui basicamente, no componente cabeçalho, quero mostrar oEstado atual. E na parte inferior do estado atual, quero mostrar oestado anterior do usuário.

Questões: Para implementar isso, usei a técnica de interação de componentes em angular.

Depois que o aplicativo é recarregado, ele mostra o valor padrão para o atual e
os estados de volta.

Em um cenário como o usuário aterrissando diretamente para uma página específica, que também é um componente filho no corpo, ele mostra o valor padrão para o estado atual e o estado anterior.

Como angular está seguindo a arquitetura do componente, quero uma maneira melhor de implementar esse recurso.

Se eu estiver chegando diretamente a um componente filho na seção 3 da figura, meu componente de cabeçalho deve obter o título / estado atual de acordo com a página específica no componente de cabeçalho.

Minha solução para isso estava em cada componente quando ngOnInit passo o valor atual do estado. Também analiso o valor do estado anterior. Portanto, o componente do cabeçalho mostra como é, pois o serviço é escrito usando a técnica neste link -https://angular.io/docs/ts/latest/cookbook/component-communication.html

Mas há algumas instâncias em que obtenho os dados do servidor e preciso atualizar o estado atual do cabeçalho. Aí vejo que não está aparecendo.

Precisa de ajuda com uma boa solução.

PS - Como esse mecanismo está em diferentes tipos de arquivos e é um pouco complexo, sou incapaz de atualizar um modelo de código