Desarrollo de Aplicaciones Web con AngularJS – Eventos

 

 

  • introduccion

  • AngularJs tiene sus propias directivas de eventos.
  • Estas directivas son muy utiles en el trabajo de HTML de las vistas cliente de nuestra aplicacion web, por tanto debemos hacer uso de este tipo de directivas que simplifican nuestra tarea de desarrollo web.

  • eventos

  • Se puede añadir listeners de eventos a los elementos HTML usando uno o mas de las siguientes directivas:
  •     ng-blur
        ng-change
        ng-click
        ng-copy
        ng-cut
        ng-dblclick
        ng-focus
        ng-keydown
        ng-keypress
        ng-keyup
        ng-mousedown
        ng-mouseenter
        ng-mouseleave
        ng-mousemove
        ng-mouseover
        ng-mouseup
        ng-paste
  • Las directivas de eventos permiten correr en angular funciones para algunos eventos de interaccion de usuario.Un evento en AngularJS no sobreescribe un evento de HTML, ambos eventos seran ejecutados a la par.
  • eventos de mouse

  • Los eventos de Mouse pueden ocurrir cuando el cursor se mueve sobre un elemento en particular:    ng-mouseenter
        ng-mouseover
        ng-mousemove
        ng-mouseleave

    O Cuando el boton del mouse es clickeado sobre un elemento:

    ng-mousedown
        ng-mouseup
        ng-click

    Se puede añadir eventos de mouse en cualquier elemento HTML.

  • directiva  ng-click

  • La directiva ng-click define en codigo de angular, que sera ejecutado cuando esta siendo cliqueado.
  • toggle true/false

  • Si se desea se puede mostrar una seccion de codigo HML cuando un boton es cliqueado, y oculta cuando el boton es cliqueado de nuevo, como un menu desplegable, hace que el boton se comporte como un intercambiador toggle.
  • objeto $event

  • Se puede pasar el objeto $event como un argumento cuando es llamada la funcion.
  • El objeto $event contiene el objeto de evento del navegador.

escrito por christian portilla pauca

 

 

 

Anuncios

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