AngularJS tiene directivas de datos de la aplicación unión a los atributos de los elementos HTML DOM.
La Directiva ng-discapacitados
La directiva ng-discapacitados une los datos de aplicación AngularJS al atributo con discapacidad de los elementos HTML.
Ejemplo AngularJS
<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>
Inténtalo tú mismo " Aplicación explicó:
La directiva ng-discapacitados se une el myswitch datos de la aplicación de atributo disabled del botón HTML.
La directiva ng-modelo se une el valor de la casilla de verificación elemento HTML con el valor de myswitch.
Si el valor de myswitch como resultado true, el botón estará desactivado:
<p>
<button disabled>Click Me!</button>
</p>
Si el valor de myswitch como resultado false, el botón no se desactivará:
<p>
<button>Click Me!</button>
</p>
La Directiva ng-show
La directiva ng-show muestra u oculta un elemento HTML.
Ejemplo AngularJS
<div ng-app="">
<p ng-show="true">I am visible.</p>
<p ng-show="false">I am not visible.</p>
</div>
Inténtalo tú mismo " Los espectáculos ng-show de la Directiva (u oculta) un elemento HTML basado en el valor de ng-show.
Se puede utilizar cualquier expresión que se evalúe como verdadera o falsa:
Ejemplo AngularJS
<div ng-app="" ng-init="hour=13">
<p ng-show="hour > 12">I am visible.</p>
</div>
Inténtalo tú mismo "  | En el siguiente capítulo, hay más ejemplos, usando el clic de un botón para ocultar los elementos HTML. |
|---|
La Directiva ng-ocultar
La directiva ng-ocultar oculta o muestra un elemento HTML.
Ejemplo AngularJS
<div ng-app="">
<p ng-hide="true">I am
not visible.</p>
<p ng-hide="false">I am visible.</p>
</div>
Inténtalo tú mismo "