Desarrollo de Aplicaciones Web con AngularJS – Directivas

Ejemplo en Vivo:  http://angularjsdirectivas.herokuapp.com/#/

Directivas de AngularJS

Las directivas de AngularJS funcionan de un modo muy simple debemos usarlas a modo de atributo extra dentro de los tags de html para poder extender la funcionalidad de la vista en una aplicacion web.

Las directivas basicas que debemos aprender son :

  • ng-app
  • ng-init
  • ng-model
  • ng.repeat

Captura de pantalla de 2015-10-18 15:29:05

Dentro del uso de estas tenemos que tener en cuenta que es importante para toda aplicacion web creada con angularjs que debemos siempre poner ng-app para que nuestra aplicacion web funcione correctamente.

Captura de pantalla de 2015-10-18 15:29:08

ng-app .- lo que debemos saber sobre ng-app es que esta es la base de toda app web basada en angularjs

ng-init .- nos es util para inicializar data en la aplicacion web

ng-model .- nos es util para poder reutilizar los valores de los elementos web de entradas de datos (input, select, textarea)

ng-repeat .- nos es util para poder iterar datos y mostrarlos en la vista.

Ejemplo en Codigo

Captura de pantalla de 2015-10-18 15:29:11 Captura de pantalla de 2015-10-18 15:29:13

Si deseas ver ejemplos en codigo debes revisar el video en la descripcion esta el link del codigo fuente.

Escrito Por Christian Portilla Pauca

Video explicativo

Anuncios

Un comentario en “Desarrollo de Aplicaciones Web con AngularJS – Directivas

  1. Pingback: Desarrollo de Aplicaciones Web con AngularJS – Controladores | Javascript

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s