Latest web development tutorials

AngularJS HTML DOM

AngularJS fournit des instructions pour les données d'application attributs HTML éléments DOM contraignant.

instruction ng-disabled

instruction ng-disabled données d'application directement lier à HTML propriété disabled.

AngularJS exemples

<Div ng-app = "" ng-init = "mySwitch = true">

<P>
<Bouton ng-disabled = "mySwitch "> Pointez moi! </ Button>
</ P>

<P>
<Input type = "checkbox" ng -modèle = "mySwitch"> bouton
</ P>

<P>
{{Mon_commutateur}}
</ P>

</ Div>

Essayez »

Exemples d'expliquer:

ng-disabled instruction liée données de l' application "mySwitch" HTML propriété disabled.

ng modèle directive bind "mySwitch" HTML contenu de l' élément de case d' entrée (valeur).

Si mySwitch vrai, le bouton est indisponible:

<P>
<Bouton désactivé> Pointez moi! </ Button>
</ P>

Si mySwitch est fausse, vous pouvez utiliser le bouton:

<P>
<Bouton> Pointez moi! </ Button>
</ P>

ng-show instructions

ng-show instructions masquer ou afficher un élément HTML.

AngularJS exemples

<Div ng-app = "" >

<P ng-show = "true "> Je suis visible. </ P>

<P ng-show = "false "> I était invisible. </ P>

</ Div>

Essayez »

ng-show valeur de commande en fonction de la valeur à afficher (hide) les éléments HTML.

Vous pouvez utiliser une expression pour calculer une valeur booléenne (true ou false):

AngularJS exemples

<Div ng-app = "" ng-init = "heure = 13 "> <P ng-show = "heure> 12 "> Je suis visible. </ P> </ Div>

Essayez »

note Dans le chapitre suivant, nous serons tous cachés en cliquant sur le bouton plusieurs instances d'un élément HTML.

ng-hide commande

commande ng-cache pour masquer ou éléments d' affichage HTML.

AngularJS exemples

< div ng-app= "" >

< p ng-hide= "true" >我是不可见的。 < /p >

< p ng-hide= "false" >我是可见的。 < /p >

< /div >

Essayez »