Tengo un diseño principal para la aplicación:

 <div #layoutContainer class="layout__container"> <div class="layout__container__sidebar"> <app-nav-menu></app-nav-menu> </div> <div class="layout__container__content"> <div class="layout__container__content-header"> <div class="header-brand"> <span *ngIf="isSideNavBarCollapsed">{{ headerBarTitle }}</span> </div> </div> <div #layoutContainerContentBody class="layout__container__content-body"> <router-outlet></router-outlet> </div> </div> </div>

Como habrás notado, tengo dos referencias #layoutContainer y #layoutContainerContentBody. Necesito que cualquier componente cargado desde el router-outlet tenga acceso a ambos divs referenciados.

Las referencias que puse solo intentaban que esto funcionara pero no tenía éxito.

Gracias.