| 1 |
Crear nuestro primer componente enlazado a datos |
Guarda en un abjeto datos de direcciones y visualizalo en la platilla |
resultado |
| 2 |
Comunicación con componentes secundarios mediante @Input |
Crear dos componentes nuevos, de estos utilizarás un archivo .ts para almacenar los datos y een el otro manipular su visualizazion utilizando su archivo .html |
Resultado |
| 3 |
Comunicación con componentes primarios usando @Output |
Crea un contador, que cuando se carge la página empiece a contar, que tenga un botón que al pulsar te visualice un texto con los números contados hasta que pulsaste el botón y que siga contando. necesitar crear dos componentes, el principal creado por defecto no servida para direccionar a los otros en estos dos nuevos componentes, uno servira para crear el intrevalo de tienpo del contador y en evento del botón y el otro para recepcionar el valor del contador cuando se pulsa el botón y la salida en pantalla del htnl |
Resultado |
| 3 |
Uso de variables de plantilla para interactuar con componentes secundarios |
Parecido al ejercicios anterior, pero lo modificamos seguimos con el contador y el botón, cuando cargar la página empieza el contador cuando pulsas el botón se para y nos felicita y nos dice cuantos número llevaba cuando se pulso el evento del botón lo hacemos en una de las componentes y su vista y en el otro en contros del contador y su vista junto con el texto que saldra cuando paremos el contador |
Resultado |
| 3 |
Componentes de estilo |
La salida debe ser la dirección de una empresa dando estico css, crea una componente en la que se va hacer toda la funcionalidad y la componente principal nos servira para conectarla con la plantilla de la componente secundaria y que la carge |
Resultado |
13 |
Sesión día 5 de junio 2020 |
Ejercicio sobre listado de vehículos y busqueda por marca obtiniendo los datos de un archivo JSON en servidor remoto |
descarga |