HTML DOM AngularJS
- Page précédente SQL AngularJS
- Page suivante Événements AngularJS
AngularJS fournit des instructions pour lier les données de l'application à des attributs des éléments HTML DOM.
Instruction ng-disabled
ng-disabled L'instruction lie les données de l'application AngularJS à l'attribut disabled des éléments HTML.
Exemples AngularJS
<div ng-app="" ng-init="mySwitch=true">
<p>
<button ng-disabled="mySwitch">Cliquez sur moi !</button>
</p>
<p>
<input type="checkbox" ng-model="mySwitch">Bouton
</p>
<p>
{{ mySwitch }}
</p>
</div>
Explication de l'application :
ng-disabled Les données de l'application mySwitch Lie à l'instruction HTML du bouton disabled l'attribut.
ng-model L'instruction lie la valeur de l'élément HTML de case à cocher à mySwitch sur la valeur.
Si mySwitch La valeur de truele bouton sera désactivé :
<p> <button disabled>Cliquez sur moi !</button> </p>
Si mySwitch La valeur de falseSi ce n'est pas le cas, le bouton ne sera pas désactivé :
<p> <button>Cliquez sur moi !</button> </p>
Instruction ng-show
ng-show Les instructions affichent ou masquent les éléments HTML.
Exemples AngularJS
<div ng-app=""> <p ng-show="true">Je suis visible.</p> <p ng-show="false">Je suis invisible.</p> </div>
ng-show L'instruction est basée sur ng-showValeurAfficher (ou masquer) des éléments HTML.
Vous pouvez utiliser n'importe quelle expression évaluée comme vraie ou fausse :
Exemples AngularJS
<div ng-app="" ng-init="hour=13"> <p ng-show="hour > 12">Je suis visible.</p> </div>
Dans le prochain chapitre, des exemples supplémentaires seront fournis pour expliquer comment utiliser le clic sur un bouton pour masquer des éléments HTML.
Instruction ng-hide
ng-hide Instructions pour masquer ou afficher des éléments HTML.
Exemples AngularJS
<div ng-app=""> <p ng-hide="true">Je suis invisible.</p> <p ng-hide="false">Je suis visible.</p> </div>
- Page précédente SQL AngularJS
- Page suivante Événements AngularJS
