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 | Frameworks
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.

Relacionado

Te dejamos una selección de cursos, carreras y artículos

Aprender AngularJS Fácil: Filtros

Aprender AngularJS Fácil: Filtros

Frameworks

08 de Julio de 2014

Los filtros se pueden agregar a las expresiones y a las directivas mediante un carácter de barra vertical | . Los filtros de AngularJS se usan para transformar datos.

Razones para aprender AngularJS

Razones para aprender AngularJS

Frameworks

10 de Marzo de 2015

En OpenWebinars.net tenemos un Curso Online con Clases en Directo de AngularJS y Typescript, donde aprenderás como un frontend profesional a desarrollar tus aplicaciones web con JavaScript.

Curso de AngularJS profesional

Curso de AngularJS profesional

curso

Con este curso aprenderás:

  • Aprenderás las ventajas de AngularJS.
  • Construye una aplicación frontend MVC.
  • Test unitarios.

Duración: 1 hora y 46 minutos

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