Qué tal en esta clase continuamos creando las rutas de nuestro formulario.
Vamos a ir al archivo app Module.
Acá tenemos el arreglo para registrar las rutas y vamos a crear una nueva entrada.
Primero la coma que es importante path para agregar la VL.
El link le vamos a llamar clientes last form.
Esta sería nuestra wireless que estaría tapiada al component for component que sirve componentes que
creamos la clase anterior.
Bien, ya con esto tenemos mapeado nuestra Aurélie nuestra ruta al componente formulario.
Por lo tanto ahora podemos crear el link.
Vamos a guardar.
Vamos a ir a clientes y clientes.
Component.
HTML y sobre la tabla vamos a crear el botón con el link sería un Button y vamos a Saunier.
Este botón dentro de un div.
Bien, le damos el valor.
Crear cliente y también un par de estilos con vuestra BTN botón.
Lo vamos a redondear con PTN round y le damos un color y va a ser del tipo Button y en el dir arriba
vamos a tener también una clase.
Le vamos a dar un margen de dos, un M y un margen en el top y en el bottom horizontal.
Y también lo vamos a alinear a la izquierda con tex left.
Luego tenemos que crear el link.
Se crea con la directiva router link.
Usamos los corchetes router link.
Y esto va a ser igual.
Vamos a abrir comillas, corchete, comillas, simple.
Y acá sería justamente la ruta que creamos acá.
Clientes Ford comenzando con el art.
Un valor absoluto.
Clientes Ford.
Bien, lo que hace Router Link es una directiva, es un Viure Halpert que nos permite crear links o
enlaces hacia nuestras rutas rutas interna de nuestro proyecto.
Es decir, son ruta que están mapeados a componente y que tenemos registradas en routes.
Vamos a guardar y vamos a levantar el servidor de desarrollo.
Acá tenemos la aplicación con F12, vemos un error de conexión y es porque no tenemos levantado nuestro
bikeinn, así que vamos a ir a Eclipse y vamos a levantar el servidor.
Entonces, con clic derecho, Ranas y Espíri imputaba.
Volvemos, actualizamos y ahora tenemos listado de clientes.
Vamos al formulario y ahora tenemos nombre, apellido y mail.
Por ejemplo, si colocamos John Dou y El Correo y creamos, hacemos un clic en Crear.
Observamos que en la consola aparece, clique y aparece los datos enviados de cliente apellido Dow Email
y el nombre.
Acá está el objeto cliente con todos sus datos.
Si revisamos el componente form for componen this script, acá en el método Crear tenemos el log clickea
y también tenemos el cliente.
Imprimimos el objeto cliente que contiene la representación de sus datos en estructura.
Yeison está funcionando perfecto.
Vamos a ver la bidireccionalidad.
Ya vimos cómo enviar desde desde el formulario los campos al componente, incluso en el método creee
después a través del service y a través de la API Rest podemos persistir guardar este objeto en la base
dato datos en el servidor.
Pero también podría ser todo a la inversa, es decir, del bitcoin el api rest.
Luego al component.
Luego a la vista.
Ahí podríamos pasar el objeto con todos sus datos de la consulta y mostrar en el formulario sus valores.
Por ejemplo, si nos vamos acá tenemos un ejemplo simple si vamos a clientes y damos un valor por defecto
nombre Andrés guardamos, volvemos al formulario.
Acá observamos que por defecto aparece Andrés.
Incluso podríamos regresar crear cliente y aparece el nombre de Andrés poblado en el objeto cliente.
Por lo tanto, el objeto cliente, que es un atributo del componente form component, está mapeado al
formulario y es bidireccional.
Desde el formulario hace componente y componente al formulario.
En ambas direcciones quedamos hasta acá y cualquier duda que tengan la revisamos en los foros.
Hasta la próxima.