Publier des documents web interactifs (AngularJS)

ng-show / ng-hide

Fondamentalng-show / ng-hide

Ces deux directives jouent un rôle interchangeable, elles affichent ou cachent le contenu HTML en se basant sur une expression donnée.

CTRL+C pour copier, CTRL+V pour coller
1
<!-- exemple 1 -->
2
<div ng-show="attribut">
3
<!-- le contenu de ce div est affiché si $scope.attribut est définit et l'expression if(attribut) retourne true   -->
4
</div>
5
6
<div ng-hide="5!=5 && attribut">
7
<!-- le contenu de ce div est toujours caché  -->
8
</div>
<!-- exemple 1 -->
<div ng-show="attribut">
<!-- le contenu de ce div est affiché si $scope.attribut est définit et l'expression if(attribut) retourne true   -->
</div>

<div ng-hide="5!=5 && attribut">
<!-- le contenu de ce div est toujours caché  -->
</div>
PrécédentPrécédentSuivantSuivant
AccueilAccueilImprimerImprimer Merouane HARRIGA, 2015 (Contributions : Stéphane Crozat, les étudiants de NF29) Paternité - Partage des Conditions Initiales à l'IdentiqueRéalisé avec Scenari (nouvelle fenêtre)