[MUSIC]
Háganos saber brevemente las formas de valor y el soporte de formularios en Angular.
Ya hemos visto el uso de formularios en el curso de arranque anterior y
hemos visto cómo bootstrap nos permite diseñar los formularios HDMI estándar.
En esta lección, vamos a ver el soporte angular para formas,
dos tipos diferentes de formas, formas controladas por plantillas y formas reactivas.
Veremos la diferencia entre los dos, y
donde cada uno de ellos es adecuado dentro de nuestra aplicación Angular.
Veremos las ventajas y desventajas de cada enfoque
con más detalle en esta lección y en la siguiente lección.
Además, veremos la validación de formularios, cómo Angular apoya la validación de formularios,
y cómo podemos llevar a cabo la validación de formularios para nuestro formulario impulsado por plantillas
en la próxima conferencia, después del ejercicio.
Ya nos hemos dado cuenta de que los formularios admiten una experiencia de entrada de datos cohesiva, efectiva y
convincente para los usuarios.
Usted ve formularios que se utilizan en todas partes en los sitios web.
Por ejemplo,
cuando necesite iniciar sesión en un sitio web debe escribir su ID de usuario y contraseña.
O cuando necesite enviar información, por ejemplo.
Si usted está reservando un boleto de película, o si está haciendo un pedido
en una tienda de comestibles en línea, o muchos otros casos de uso, los formularios
se utilizan ampliamente para proporcionar una forma completa para que los usuarios
ingresen información en los sitios web o en la aplicación web.
El marco Angular proporciona soporte integral para formularios
, incluyendo formularios y validación de formularios.
Aquí es donde aprovechamos el soporte Angular para el enlace de datos bidireccional
y el seguimiento de los cambios que hacemos en los elementos del formulario, así como la validación de formularios.
Por lo tanto, cuando introduce datos en un campo de entrada en su formulario,
los datos se evalúan automáticamente con soporte angular para formularios.
Vamos a ver algunos de estos con más detalle a medida que vamos a través de las lecciones.
Permítanme recordarles rápidamente los propios formularios HTML.
Ya sabe que los formularios son compatibles con el elemento de formulario
en su página HTML.
Junto con el elemento formulario, dentro de la etiqueta de formulario, también puede incluir cosas
como , , , y s, y muchos más.
Veremos cómo funciona el soporte Angular junto con los elementos de formulario HTML
, nos permiten diseñar dos tipos diferentes de formas, formas de plantilla
y también formas reactivas en Angular.
En esta lección, nos concentraremos en el soporte angular para formas controladas por plantillas.
En una forma basada en plantillas, usarán la plantilla Angular junto con
los elementos de formulario que acabamos de ver para poder construir formularios y
hacer uso del soporte Angular para formularios controlados por plantillas.
Y seremos capaces de vincular las directivas específicas de formulario angular a los elementos de formulario
dentro de nuestras plantillas, y luego aprovechar el enlace de datos bidireccional
que también forman validación y soporte de errores que Angular proporciona para nosotros.
En el ejercicio que sigue inmediatamente,
esta conferencia analizará cómo podemos diseñar una forma basada en plantillas.
En particular, también veremos cómo el enlace de datos bidireccional con
Angular soporta, usando la directiva ngModel se puede aprovechar para
vincular la información de su formulario a
algunas variables JavaScript que declaró dentro de sus clases.
En el ejercicio que inmediatamente sigue a esta conferencia,
analizamos cómo podemos diseñar una forma basada en plantillas.
En particular, veremos cómo el enlace de datos bidireccional que Angular admite usando
la directiva ngModel se puede aprovechar para vincular la información de
su formulario a algunas variables JavaScript que declare dentro de sus clases.
Y aquí es donde el plátano en una caja a la que nos referimos
antes con la directiva NGModel viene en nuestra ayuda.
A medida que vayamos a través de los ejercicios, esto será aún más claro.
Ahora vamos a aprender cómo aprovechar el soporte angular para formularios basados en plantillas
con el fin de diseñar nuestros formularios en los ejercicios.
[MÚSICA]