Anglar6 tutorial

é
Angular
© Gérald Abbadie 2018
laire et de ses champs. Ces validations sont directement utilisables dans les champs avec les
variables locales de contrôle et les CSS :
Validators.required pour vérifier qu’un contrôle n’est pas vide ;
Validators.minLength(n) pour s’assurer que la valeur entrée a au moins n caractères ;
Validators.maxLength(n) pour s’assurer que la valeur entrée a au plus n caractères ;
Validators.email() (disponible depuis la version 4.0) pour s’assurer que la valeur entrée est
une adresse email valide (bon courage pour trouver l’expression régulière par vous-même…) ;
Validators.pattern(p) pour s’assurer que la valeur entrée correspond à l’expression régulière
définie.
Peut ainsi fixer des valeurs de validation pour les champs :
Ici le champ doit avoir au minimum huit caractères pour être valide. Pratique pour forcer des
identifiants ou des mots de passes.
Les erreurs
Nous avons deux méthodes principales pour traiter les erreurs. La première est tirée de la
variable locale attachée à la classe NgModel et permet de vérifier la validité des données des
champs :
Let's Go! // A
mettre en parallèle avec l’exemple précédent
La méthode hasError() permet de vérifier un champ :
Un
titre est requis
Dans ce dernier exemple, nous enrichissons le traitement des erreurs par une validation dynamique
de toutes les conditions requises.
53