ng-show / ng-hide
Fondamental : ng-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>