AngularJS tiene sus propios atributos en HTML que actúan como directivas. A continuación veremos algunas directivas que manejan objetos del DOM HTML.


La directiva ng-disabled

La directiva ng-disabled enlaza datos de la aplicación directamente al atributo HTML deshabilitado. Ejemplo:
<div ng-app="">
	<p>
	<button ng-disabled="misDatos">Haz Click!</button>
	</p>

	<p>
	<input type="checkbox" ng-model="misDatos">Botón
	</p>
</div>
Explicación: La directiva ng-disabled enlaza el dato "misDatos" al atributo HTML disabled. La directiva ng-model enlaza "misDatos" al contenido (valor) del input de tipo checkbox HTML.

La directiva ng-show

La directiva ng-show oculta o muestra un elemento HTML. Ejemplo:
<div ng-app="">

<p ng-show="true">Soy visible.</p>

<p ng-show="false">Soy invisible.</p>

</div>
También puedes hacer uso de una expresión que se evalúe a verdadero o falso (como por ejemplo ng-show="puntos < 10" ), para ocultar y mostrar elementos HTML. En el siguiente artículo veremos los Eventos. Suscríbete para recibirlo en tu email tan pronto como se publique.