[MUSIC]
Faites-nous savoir brièvement les formes de valeur et le support de formulaires dans Angular.
Nous avons déjà vu l'utilisation de formulaires dans le cours de bootstrap précédent et
nous avons vu comment bootstrap nous permet de styliser les formulaires HDMI standard.
Dans cette leçon, nous allons examiner le support angulaire pour les formes,
deux types de formes différentes, les formes basées sur des modèles et les formes réactives.
Nous allons examiner la différence entre les deux, et
où chacun d'eux convient dans notre application Angular.
Nous examinerons plus en détail les avantages et les inconvénients de chaque approche
dans cette leçon et dans la prochaine leçon.
Aussi, nous allons examiner la validation de formulaire, comment Angular prend en charge la validation de formulaire,
et comment nous pouvons effectuer la validation de formulaire pour notre formulaire piloté par modèle
dans la prochaine conférence, après l'exercice.
Nous avons déjà réalisé que les formulaires supportent une expérience cohérente, efficace et
convaincante de saisie de données pour les utilisateurs.
Vous voyez des formulaires utilisés partout sur les sites Web.
Par exemple,
lorsque vous devez vous connecter à un site Web, vous devez saisir votre ID utilisateur et votre mot de passe.
Ou quand vous avez besoin de soumettre des informations par exemple.
Si vous réservez un billet de film, ou si vous passez une commande
dans une épicerie en ligne, ou bien d'autres cas d'utilisation, les formulaires
sont largement utilisés pour fournir aux utilisateurs
un moyen complet d'entrer des informations sur les sites Web ou l'application Web.
Le framework Angular fournit une prise en charge complète des formulaires
, y compris la validation des formulaires et des formulaires.
C'est là que nous profitons du support Angular pour la liaison de données bidirectionnelle
et le suivi des changements que nous faisons dans les éléments de formulaire, ainsi que la validation de formulaire.
Donc, lorsque vous entrez des données dans un champ d'entrée dans votre formulaire,
les données sont automatiquement évaluées avec le support Angular pour les formulaires.
Nous examinerons certains d'entre eux plus en détail au fur et à mesure des leçons.
Permettez-moi de vous rappeler rapidement les formulaires HTML eux-mêmes.
Vous savez déjà que les formulaires sont pris en charge par l'élément form
de votre page HTML.
Avec l'élément form, dans la balise form, vous pouvez également inclure des choses
like , , , et s, et bien d'autres.
Nous allons voir comment le support Angular fonctionne avec les éléments de formulaire HTML
, nous permettre de concevoir deux types de formes différents,
formes pilotées par modèle et aussi des formes réactives dans Angular.
Dans cette leçon, nous allons nous concentrer sur le support angulaire pour les formes pilotées par modèle.
Dans un formulaire piloté par modèle, ils utiliseront le modèle Angular avec
les éléments de formulaire que nous venons de voir pour construire des formulaires et
utiliser le support Angular pour les formulaires pilotés par modèle.
Et nous serons en mesure de lier les directives spécifiques à la forme angulaire aux éléments de forme
dans nos modèles, puis de tirer parti de la liaison de données bidirectionnelle
qui forme également la validation et le soutien des erreurs que Angular nous fournit.
Dans l'exercice qui suit immédiatement,
cette conférence examinera comment concevoir une forme basée sur un modèle.
En particulier, nous allons également examiner comment la liaison de données bidirectionnelle avec
Angular prend en charge, en utilisant la directive ngModel peut être exploitée pour
lier les informations de votre formulaire à
certaines variables JavaScript que vous avez déclarées dans vos classes.
Dans l'exercice qui suit immédiatement cette conférence,
nous examinons comment concevoir une forme basée sur un modèle.
En particulier, nous allons examiner comment la liaison de données bidirectionnelle que Angular prend en charge en utilisant
la directive ngModel peut être utilisée pour lier les informations de
votre formulaire à certaines variables JavaScript que vous déclarez dans vos classes.
Et c'est là que la banane dans une boîte que nous avons mentionnée plus tôt
avec la directive NgModel vient à notre secours.
Au fur et à mesure que nous traversons les exercices, cela deviendra encore plus clair.
Maintenant, apprenons comment tirer parti du support Angular pour les formulaires basés sur un modèle
afin de concevoir nos formulaires dans les exercices.
[MUSIQUE]