En el contexto de una aplicación de micro-front-end, tengo un contenido proyectado en app.module.ts que quiero poner en un componente que fue instanciado a través del enrutador.

Aquí hay una solución que no funciona:

1. Hice referencia al contenido proyectado de la siguiente manera

 <ng-template #projected> <ng-content></ng-content> </ng-template> <router-outlet></router-outlet>

2. Puse la referencia en un servicio.

 @ViewChild('projected', { static: true }) templateRef: TemplateRef<unknown>; // ... this.service.projectedRef = templateRef;

3. úselo en el componente que fue creado por el enrutador

 <ng-container [ngTemplateOutlet]="service.projectedRef"></ng-container>

¿Alguna idea de por qué no funciona y cómo puedo resolver este problema?

Nota: cuando uso <ng-container [ngTemplateOutlet]="service.projectedRef"></ng-container> dentro de app.component.html, funciona bien, pero no dentro del componente enrutado.