1
00:00:00,270 --> 00:00:05,520
En esta clase vamos a validar que el listado cliente venga con datos, así que no vamos a ir a la plantilla

2
00:00:06,150 --> 00:00:07,200
que contiene la tabla.

3
00:00:07,320 --> 00:00:08,910
En este caso cliente component.

4
00:00:08,970 --> 00:00:09,590
HTML.

5
00:00:09,990 --> 00:00:16,620
Entonces justo en la tabla, acá podríamos tener la directiva endi if y preguntar que el largo de esta

6
00:00:16,620 --> 00:00:19,560
lista que contiene los clientes sea mayor que 0.

7
00:00:19,650 --> 00:00:25,140
De esa forma mostramos los datos cuando vengan y si no hay ningún registro, mostramos un mensaje,

8
00:00:25,200 --> 00:00:28,440
por ejemplo, que no existen registros en la CIA.

9
00:00:28,680 --> 00:00:30,410
Así que partamos con él en GIFF.

10
00:00:31,470 --> 00:00:31,860
Entonces.

11
00:00:31,860 --> 00:00:36,330
Utilizando el objeto que yentes que sería una lista.

12
00:00:36,420 --> 00:00:38,730
Un arreglo con signo.

13
00:00:38,730 --> 00:00:43,020
Pregunta Vamos a validar que venga la instancia, que sea distinto null.

14
00:00:43,140 --> 00:00:50,340
Luego invocamos el atributo o la propia length, que sería el largo mayor que cero.

15
00:00:50,460 --> 00:00:51,960
Bien, entonces sea mayor a cero.

16
00:00:52,050 --> 00:00:53,880
Va a mostrar la tabla con los clientes.

17
00:00:53,890 --> 00:00:55,410
Si no, no muestra nada.

18
00:00:55,530 --> 00:01:02,970
Vamos a guardar y vamos a ejecutar el Wacken, pero antes de ejecutar vamos a ir a los recursos a Import.

19
00:01:03,420 --> 00:01:07,260
Vamos a quitar todos los insert y ahora sí que levántalos.

20
00:01:12,840 --> 00:01:15,150
Volvemos, íbamos al terminar.

21
00:01:18,980 --> 00:01:20,630
Levantamos nuestra aplicación angular.

22
00:01:25,870 --> 00:01:31,630
Como no hay ningún registro de cliente, simplemente no muestra nada, no muestra la tabla absolutamente

23
00:01:31,630 --> 00:01:36,850
nada, pero podría ser mejor todavía si mostramos un mensaje que no existen registros sobre la tabla

24
00:01:36,970 --> 00:01:38,770
o debajo la tabla da lo mismo.

25
00:01:38,800 --> 00:01:44,500
Podríamos tener un contenedor, un div y este div también va a tener el endif.

26
00:01:44,590 --> 00:01:51,280
Lo podríamos copiar, lo pegamos, pero en vez de que sea mayor que cero, le vamos a poner igualas

27
00:01:51,370 --> 00:01:53,280
cuando el largo es igual a cero.

28
00:01:53,410 --> 00:01:55,980
Entonces acá mostramos el mensaje.

29
00:01:56,080 --> 00:01:59,620
Vamos a colocar una clase, un estilo debutarÃ.

30
00:01:59,710 --> 00:02:07,140
Alert, por ejemplo Alert IMF y acá no hay registros en la base.

31
00:02:12,790 --> 00:02:14,470
Guardamos y volvemos.

32
00:02:14,650 --> 00:02:15,280
Perfecto.

33
00:02:15,370 --> 00:02:16,660
No hay registro en ASEANDO.

34
00:02:16,870 --> 00:02:18,910
Entonces ya estamos manejando esta validación.

35
00:02:18,970 --> 00:02:25,570
Si vienen los clientes o si no, si no un mensaje de que no hay registro, volvemos al Wacken y dejamos

36
00:02:25,570 --> 00:02:27,040
como estaba con los insert.

37
00:02:27,190 --> 00:02:27,910
Guardamos.

38
00:02:27,970 --> 00:02:30,190
Esperamos que se actualice el servidor.

39
00:02:32,380 --> 00:02:37,540
Y volvemos al navegador y actualizamos tienten ahora muestra la tabla con los registros.

40
00:02:37,600 --> 00:02:38,770
Bien, eso es todo.

41
00:02:38,860 --> 00:02:39,790
Llegamos hasta acá.

42
00:02:39,880 --> 00:02:40,570
Nos vemos.