article(s) dans votre panier VOIR

Cacher, montrer des éléments avec ng-if, ng-show, ng-hide et ng-switch dans Angular JS

  • Vidéo 17 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
Cacher, montrer des éléments avec ng-if, ng-show, ng-hide et ng-switch
00:00 / 09:59
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 vidéo concernant Angular JS, l’expert formateur vous explique comment cacher, montrer des éléments avec ng-if, ng-show, ng-hide et ng-switch. L’objectif de ce tutoriel est d’arriver à gérer des éléments avec des codes. Pour y parvenir, vous devez passer dans le fichier index.html pour déterminer l’élément à afficher ou à cacher. Pour cela, vous pouvez par exemple utiliser la balise p, s’il s’agit d’un texte et vous ajoutez la directive ng-show. Cette directive prend deux valeurs, true ou false. Pour une valeur true, il montre le texte. Pour false, il le cache. A part cela, vous pouvez également utiliser la directive ng-if. Cette dernière s’utilise de la même manière que ng-show. Par contre, ng-show applique un style CSS pour cacher l’élément alors que ng-if, ng-if garde en mémoire l’élément caché. De la même manière, vous avez également la directive ng-hide. Celle-ci vous permet de dire si l’élément doit être caché ou pas. En notant qu’il prend les valeurs true ou false. En dernier, vous trouvez la directive ng-switch qui fonction comme ng-if. Ng-switch ne prend pas true ou false. En effet, vous définissez sa valeur pour qu’un élément soit affiché. Vous pouvez par exemple utiliser ng-switch = afficheTexte. Ainsi, les ng-switch-when ayant cette valeur vont être affichés dans le navigateur. Pour conclure, vous avez à votre disposition quatre directives pour montrer ou cacher un élément.