En este momento estoy creando una biblioteca (my-custom-library) y un proyecto en el que usaremos esa biblioteca (llamada my-Project)

El requisito es que dentro de my-project tengo que usar my-custom-library, ampliada con plantillas, como esta (app.component.html de my-project):

 <my-custom-library> <ng-template #myTemplate> <div>Some static content for now</div> </ng-template> </my-custom-library>

La razón de esto es que en my-custom-library quieren tener componentes aptos para plantillas, donde la plantilla se proporciona desde el exterior (en este caso, desde my-project).

Dentro de my-custom-library, se supone que debo acceder a las plantillas dadas y pasarlas a los componentes correspondientes. Esto que estoy tratando de lograr (app.component.ts de my-custom-project)

 @ContentChild("myTemplate") myTemplateRef?: TemplateRef<any>;

(app.component.html de mi proyecto personalizado)

 <ng-container [ngTemplateOutlet]="myTemplateRef"></ng-container>

Mi problema es que contentChild siempre está vacío, la plantilla nunca se procesa. Creo que la estructura en sí está funcionando, ya que cuando muevo esta misma estructura dentro de un solo proyecto y la uso allí, todo funciona bien, contentChild obtiene su valor y se representa "mi plantilla". Una información más, no sé si es útil, pero my-custom-library se crea así (app.module.ts de my-custom-library):

 export class AppModule { constructor(private injector: Injector) { const customElement = createCustomElement(AppComponent, { injector: this.injector }); customElements.define('my-custom-library', customElement); } }

¿Qué podría causar este problema? ¿Es posible lograr esto?