En la clase anterior habíamos dicho que cuando el HTML es muy grande, la plantilla, el contenido más
de cuatro líneas e ideal tener su propia vista, una vista separada de la clase componente.
Por lo tanto, en esta clase vamos a mover el menú de navegación a una plantilla separada.
Nos vamos entonces a ese.
Recé al app y acá tenemos el IDER, el componente.
Acá está el menú de navegación con el atributo template.
Entonces, dentro de Ider vamos a crear con clic derecho un nuevo archivo.
Le vamos a llamar
ider.
Component punto.
HTML se llama igual al componente, pero con extensión html.
Es recomendable nombrar de esa forma, ya que así sabemos de qué se trata de una plantilla que responde
al componente ider con enter.
Creamos el archivo y vamos a cortar todo el contenido.
Acá tenemos todo este contenido y lo movemos acá y guardamos.
Vamos a levantar el servidor.
Y vamos a guardar el archivo, el componente, vamos a guardar.
Ya tenemos nuestra vista y vamos a ver el cambio en el navegador.
Como vemos, no pasó nada.
No hay ningún cambio.
Incluso desapareció el menú de navegación.
Por qué?
Buena pregunta.
Y es porque el componente template lo dejamos vacío.
No tiene ningún contenido.
Creamos el archivo Gelder compone el punto HTML, pero ninguna parte lo estamos ocupando.
Entonces, en vez de tener el template, sería template o RL.
Ese sería el atributo.
Y como valor vamos a tener un string con el nombre de la plantilla y el componente sería puntos latch
y el nombre del archivo completo, incluyendo la extensión
Giger.
Component.
Punto html.
Guardamos y vamos al navegador y ahora sí que tenemos el menú sin ningún problema en una vista separada
del componente.
Eso sería lo ideal y lo recomendado, salvo que sea un HTML muy simple, con muy pocas líneas, pero
de lo contrario siempre mejor tener el template o RL una vista HTML con el contenido, el contenido
que representa y corresponde a la clase componente.
Bien, quedabamos hasta acá y cualquier duda que tengan la revisamos.
Hasta la próxima.