Como implementar o roteamento secundário aninhado e ainda obter os dados do filho? Angular 6

Meu objetivo é enviar dados de um filho roteado para o pai. Desejo obter a referência de uma variável do filho, que é aninhada dentro de um filho ao pai por meio de rotas secundárias, para que a variável seja sincronizada com o pai. Essa variável eventualmente será o booleano de um estado de validação de formulário. Infelizmente, quando uso Assunto de comportamento, acho que preciso usar o seletor de componentes que parece não funcionar bem com as rotas no meu aplicativo.

Este é um exemplo do modelo do aplicativo ... Parece que quando adiciono o seletor de componente app-new-user, ele estraga a nova saída do roteador nomeada newuserinput :(

<!-- To BLADE LAYER 3 -->
<router-outlet></router-outlet>
<!-- <router-outlet name="newuserinput" (newUserInfoCompleteEvent)="receiveNewUserInfoComplete($event)"></router-outlet> -->
<router-outlet (activate)='getVState($event); ' name="newuserinput"></router-outlet>
<router-outlet name="newuserorginfo"></router-outlet>
<router-outlet name="newusersupervisorinfo"></router-outlet>
<router-outlet name="newusersecurityinfo"></router-outlet>
<!-- end -->



<!-- For ViewChild: bringing form validity state from child -->
<!-- <app-new-user-input style="display:none;"></app-new-user-input> -->
<!-- can't do this because putting the child component selector in the parent disables the childs router outlet -->

No meuprotótipo stackblitz que eu preparei, a estrutura filho / pai está trabalhando com sucesso com o serviço para exibir as informações desejadas; no entanto, assim que eu substituir os seletores de componentes no pai (componente de aplicativo) por rotas nomeadas (como no trecho de aplicativo que forneci acima), isso será interrompido. Meu objetivo para esse protótipo é exibir 'Olá do filho secundário' no pai, com os parâmetros de rota de roteamento secundário sendo exibidos corretamente na barra de endereços, como segue:https://behavior-subject-0007.stackblitz.io/(child:child/(secondarychild:secondarychild))

Minha pergunta: como implementar o roteamento secundário aninhado e ainda obter os dados por referência de filho para pai, para que a barra de endereço seja exibida assimhttps://behavior-subject-0007.stackblitz.io/(child:child/(secondarychild:secondarychild))?

Posso usar o Assunto de comportamento para isso ou existe uma maneira melhor? Eu estava pensando em tentar implementarSolução de AJ2_82.

Eu também estava procurando uma ligação de propriedade simples no componente filho roteado usando os metadados do host de componentes ...

Eu sou relativamente novo em programação, portanto pode haver uma solução "óbvia", obrigado por qualquer ajuda que você possa fornecer.

Se você compartilha da SUA maneira que satisfaça os mesmos requisitos (endereço e dados da tomada do roteador, por referência de filho para pai), sou todo ouvidos. Obrigado.

questionAnswers(1)

yourAnswerToTheQuestion