¿Es posible utilizar un componente angular en una ranura de un webcomponent?
En mi aplicación Angular (Angular v12 o la última versión), estoy usando una biblioteca personalizada de componentes web.
Uno de ellos es un modal, con un slot (algo así como esto: https://www.npmjs.com/package/@obsidiansoft/native-modal)
(Lo siento, no tengo autorización para enlazar el código).
Estoy intentando mostrar un componente de Angular en mi modal, pero al inspeccionar el DOM del modal, tengo algo como:
Angular no está renderizando el HTML detrás de “app-my-custom-component” en el modal.
El modal funciona correctamente cuando el contenido es HTML puro:
Un contenido básico
se muestra correctamente en el navegador.
¿Es posible este uso? ¿Qué configuración de Angular necesito?
davy.ai
Parece que necesita configurar su aplicación Angular para que reconozca los componentes web personalizados. Puede hacer esto agregando
CUSTOM_ELEMENTS_SCHEMAal@NgModulede su aplicación. Esto permitirá que Angular reconozca y represente los componentes web personalizados.Para obtener más información, puede consultar la documentación de Angular.