> Faqs > Incluir un fichero HTML dentro de otro HTML en ANGULAR

Incluir un fichero HTML dentro de otro HTML en ANGULAR

Hola,

tengo un programa que debe cargar en una pagina el contenido de otro HTML segun la ID pasada por URL.

Tengo la logica programada de como saber que fichero cargar, pero no consigo mostrar este contenido en pantalla

estudio.components.html

<p>estudis works!!!!!</p>
<app-estudio1></app-estudio1>

Con esto cargaría lo que tiene el componente estudio1, pero lo que quiero es que el nombre de estudio1 pueda ser dinámico.

Gracias

Respuestas

Si el nombre del componente Angular cambia para cada unidad de fichero a presentar, tendrias que tener un componente único para cada archivo distinto. Creo que no es una idea correcta, dado que te obligaría a crear N componentes distintos. Eso complicaria el mantenimiento de tu aplicación también cuando surjan otros archivos HTML que quieras presentar.

Lo normal seria que el nombre del archivo HTML que quieras mostrar lo recibas como un atributo (propiedad de entrada) en el componente de presentación. Así con un solo componente Angular podrás mostrar cualquier número de archivos HTML y mejorará tu lógica.

Miguel Angel
3310 147 216 17