Las cookies nos permiten ofrecer nuestros servicios. Al utilizar nuestros servicios, aceptas el uso que hacemos de las cookies. Más Información. Aceptar

AngularJS: El DOM HTML

Jesús Lucas
  • Escrito por Jesús Lucas el 21 de Julio de 2014
  • <1 min de lectura | Frontend
AngularJS: El DOM HTML

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.

Estas son algunas de las empresas que ya confían en OpenWebinars

Profesores y profesionales

Nuestros docentes son profesionales que trabajan día a día en la materia que imparten

Conviértete en profesor de OpenWebinars