article(s) dans votre panier VOIR

Composants avec des onglets : appliquer la validation et l'affichage CSS avec Angular JS

  • Vidéo 21 sur 31
  • 4h11 de formation
  • 31 leçons

Un contenu flash devrait s'afficher ici. Votre navigateur ne comporte pas de plugin flash, ou il ne s'est pas correctement initialisé.

Vous pouvez télécharger le plugin flash depuis le site d'Adobe à l'adresse suivante : http://get.adobe.com/flashplayer/.

Pour accéder à la suite de cette formation, vous devez vous abonner.
previous
summary
resume
next
play
Composants avec des onglets : appliquer la validation et l'affichage CSS
00:00 / 10:34
HD
fullscreen
Je m’abonne
à partir de 16,6 € / mois
  • Visionnage en ligne
  • Accès illimité à toutes nos formations
OU
J'achète uniquement
la formation
49,90€
  • Téléchargement + VOD à vie
  • Exercice / Validation des acquis
  • Accès uniquement à cette formation

Sommaire de la formation

Détails de la formation

Dans cette formation en ligne, l’expert formateur vous explique comment appliquer la validation et l'affichage CSS pour les composants avec des onglets dans Angular JS. L’objectif de cette vidéo est d’afficher l’indication d’erreur. Pour y parvenir, vous ouvrez le fichier main.js. Dans ce fichier, vous créez une variable submit à partir du mot-clé $scope. Cette variable prend une valeur par défaut false. En effet, cette variable vous permet de savoir si l’utilisateur a cliqué sur le bouton de votre champ ou pas. Dans la fonction AddTab de votre fichier, vous ajoutez également cette variable. Par contre, elle prend une valeur true. Cette action faite, vous entrez ensuite dans votre index.html pour aller dans la partie button. Dans cette partie, vous ajoutez ng-click = ‘’AddTab(nom du formulaire.$valid)’’. Dans la balise, vous devez également indiquer le nom de votre formulaire. Cela fait, vous ajoutez le mot-clé required sur les champs requis. En actualisant ensuite votre navigateur, vous pouvez observer que les champs sont affichés. En cliquant sur le bouton de validation, vous pouvez constater qu’une erreur est indiquée. Pour conclure, il est nécessaire de retourner une erreur lorsqu’un champ est invalidé.