Estoy tratando de representar una plantilla de cadena HTML que se refiere a componentes angulares internos y directivas que forman parte de la aplicación.

La pregunta es que el enlace se pierde en los componentes y no sé cómo "precargar" las directivas tal como lo hacemos con los componentes a través de entryComponents.

Creé un proyecto de demostración para explicar/demostrar mejor lo que estoy tratando de lograr con plantillas dinámicas:

Hay 3 muestras en mi proyecto de demostración:

Ejemplo n.º 1: escenario de uso común: se hace referencia a los componentes dentro de mi componente principal y funcionan como se esperaba

Muestra #2 - [innerHTML] que obviamente no cumple con los requisitos.

Muestra n.º 3: procesamiento dinámico que no funciona para los componentes, ya que el enlace está roto y las directivas no se procesan.

https://stackblitz.com/edit/angular-dynamic-html-1pcrbx?file=app/app.component.html

 @Component({ }) class MyComponent { constructor() {} private myTemplate = ` <hello name="TEST"></hello> <div test>My div referencing a custom directive</div> `; }

• Entonces, ¿es posible hacer lo que estoy tratando de hacer? ¿Qué estoy haciendo mal?