1
00:00:00,570 --> 00:00:05,940
En la clase anterior habíamos dicho que cuando el HTML es muy grande, la plantilla, el contenido más

2
00:00:05,940 --> 00:00:11,550
de cuatro líneas e ideal tener su propia vista, una vista separada de la clase componente.

3
00:00:11,610 --> 00:00:16,950
Por lo tanto, en esta clase vamos a mover el menú de navegación a una plantilla separada.

4
00:00:17,280 --> 00:00:18,940
Nos vamos entonces a ese.

5
00:00:18,960 --> 00:00:23,310
Recé al app y acá tenemos el IDER, el componente.

6
00:00:23,940 --> 00:00:26,910
Acá está el menú de navegación con el atributo template.

7
00:00:27,060 --> 00:00:32,190
Entonces, dentro de Ider vamos a crear con clic derecho un nuevo archivo.

8
00:00:33,150 --> 00:00:34,230
Le vamos a llamar

9
00:00:37,860 --> 00:00:38,140
ider.

10
00:00:38,160 --> 00:00:39,420
Component punto.

11
00:00:39,480 --> 00:00:43,980
HTML se llama igual al componente, pero con extensión html.

12
00:00:44,070 --> 00:00:50,670
Es recomendable nombrar de esa forma, ya que así sabemos de qué se trata de una plantilla que responde

13
00:00:50,760 --> 00:00:53,460
al componente ider con enter.

14
00:00:53,520 --> 00:00:57,600
Creamos el archivo y vamos a cortar todo el contenido.

15
00:00:58,050 --> 00:01:02,340
Acá tenemos todo este contenido y lo movemos acá y guardamos.

16
00:01:03,300 --> 00:01:05,150
Vamos a levantar el servidor.

17
00:01:11,210 --> 00:01:14,750
Y vamos a guardar el archivo, el componente, vamos a guardar.

18
00:01:14,940 --> 00:01:18,080
Ya tenemos nuestra vista y vamos a ver el cambio en el navegador.

19
00:01:18,950 --> 00:01:20,810
Como vemos, no pasó nada.

20
00:01:20,930 --> 00:01:22,070
No hay ningún cambio.

21
00:01:22,280 --> 00:01:24,560
Incluso desapareció el menú de navegación.

22
00:01:24,620 --> 00:01:25,160
Por qué?

23
00:01:25,280 --> 00:01:26,180
Buena pregunta.

24
00:01:26,660 --> 00:01:30,440
Y es porque el componente template lo dejamos vacío.

25
00:01:30,530 --> 00:01:31,760
No tiene ningún contenido.

26
00:01:32,390 --> 00:01:37,500
Creamos el archivo Gelder compone el punto HTML, pero ninguna parte lo estamos ocupando.

27
00:01:37,640 --> 00:01:41,750
Entonces, en vez de tener el template, sería template o RL.

28
00:01:41,960 --> 00:01:43,280
Ese sería el atributo.

29
00:01:43,580 --> 00:01:50,270
Y como valor vamos a tener un string con el nombre de la plantilla y el componente sería puntos latch

30
00:01:50,390 --> 00:01:53,660
y el nombre del archivo completo, incluyendo la extensión

31
00:01:57,230 --> 00:01:57,550
Giger.

32
00:01:57,560 --> 00:01:58,220
Component.

33
00:01:58,310 --> 00:01:59,210
Punto html.

34
00:01:59,330 --> 00:02:07,130
Guardamos y vamos al navegador y ahora sí que tenemos el menú sin ningún problema en una vista separada

35
00:02:07,220 --> 00:02:08,000
del componente.

36
00:02:08,120 --> 00:02:14,990
Eso sería lo ideal y lo recomendado, salvo que sea un HTML muy simple, con muy pocas líneas, pero

37
00:02:15,110 --> 00:02:22,130
de lo contrario siempre mejor tener el template o RL una vista HTML con el contenido, el contenido

38
00:02:22,190 --> 00:02:25,940
que representa y corresponde a la clase componente.

39
00:02:26,060 --> 00:02:30,140
Bien, quedabamos hasta acá y cualquier duda que tengan la revisamos.

40
00:02:30,440 --> 00:02:31,310
Hasta la próxima.