09 desarrollo de aplicaciones web con angular js eventos

DESARROLLO DE APLICACIONES WEB CON ANGULARJS - EVENTOS

CHRISTIAN PORTILLA PAUCA

CONTENIDOS

• INTRODUCCIÓN• EVENTOS• EVENTOS DE MOUSE• DIRECTIVA NG-CLICK• TOGGLE• OBJETO $EVENT

INTRODUCCION

• ANGULARJS TIENE SUS PROPIAS DIRECTIVAS DE EVENTOS.

EVENTOS

• 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

EVENTOS

• LAS DIRECTIVAS DE EVENTOS PERMITEN EJECUTAR CÓDIGO DE FUNCIONES.• UN EVENTO EN ANGULARJS NO SOBRESCRIBE

UN EVENTO DE HTML.

EVENTOS DE MOUSE

• LOS EVENTOS DE MOUSE OCURREN CUANDO EL CURSOR SE MUEVE SOBRE UN ELEMENTO• SE PUEDE AÑADIR EVENTOS DE MOUSE EN

CUALQUIER ELEMENTO HTML.

EVENTOS DE MOUSE

• NG-MOUSEENTER• NG-MOUSEOVER• NG-MOUSEMOVE• NG-MOUSELEAVE

• NG-MOUSEDOWN• NG-MOUSEUP• NG-CLICK

LA DIRECTIVA NG-CLICK

• LA DIRECTIVA NG-CLICK ES EQUIVALENTE A CLICK COMO EVENTO.

TOGGLE, TRUE/FALSE

• SI SE DESEA SE PUEDE MOSTRAR/OCULTAR UNA SECCIÓN DE CÓDIGO HTML

EL OBJETO $EVENT

• SE PUEDE PASAR EL OBJETO $EVENT COMO UN ARGUMENTO DE LLAMADA LA FUNCION.• EL OBJETO $EVENT CONTIENE EL OBJETO DE

EVENTO DEL NAVEGADOR.

FIN

• MAIL: XHRIST14N@GMAIL.COM BLOG: HTTP://JAVASCRIPTX.WORDPRESS.COM• SITE: WWW.CHRISTIANPORTILLA.COM• VIDEO: HTTPS://YOUTU.BE/5Z6NS7TBAKE