AngularJS a des directives pour les données d'application se liant aux attributs des éléments HTML DOM.
La directive ng-handicapés
La directive ng-disabled lie les données d'application AngularJS à l'attribut disabled des éléments HTML.
AngularJS Exemple
<div ng-app="" ng-init="mySwitch=true">
<p>
<button ng-disabled="mySwitch">Click Me!</button>
</p>
<p>
<input type="checkbox" ng-model="mySwitch">Button
</p>
<p>
{{ mySwitch }}
</p>
</div>
Essayez - le vous - même » Demande a expliqué:
La directive ng-disabled lie les données mySwitch d'application pour l' attribut désactivé du bouton HTML.
La directive ng-modèle lie la valeur de l'élément de case à cocher HTML à la valeur de mySwitch.
Si la valeur de mySwitch évalue à true, le bouton est désactivé:
<p>
<button disabled>Click Me!</button>
</p>
Si la valeur de mySwitch évaluée à false, le bouton ne sera pas désactivé:
<p>
<button>Click Me!</button>
</p>
La directive ng-show
La directive ng-show affiche ou masque un élément HTML.
AngularJS Exemple
<div ng-app="">
<p ng-show="true">I am visible.</p>
<p ng-show="false">I am not visible.</p>
</div>
Essayez - le vous - même » Les spectacles ng-show directive (ou masque) un élément HTML basé sur la valeur de ng-show.
Vous pouvez utiliser une expression qui renvoie vrai ou faux:
AngularJS Exemple
<div ng-app="" ng-init="hour=13">
<p ng-show="hour > 12">I am visible.</p>
</div>
Essayez - le vous - même »  | Dans le chapitre suivant, il y a d'autres exemples, en utilisant le clic d'un bouton pour masquer les éléments HTML. |
|---|
La directive ng-hide
La directive ng-cache cache ou montre un élément HTML.
AngularJS Exemple
<div ng-app="">
<p ng-hide="true">I am
not visible.</p>
<p ng-hide="false">I am visible.</p>
</div>
Essayez - le vous - même »