Post on 07-Jul-2018
8/19/2019 09 Desarrollo de Aplicaciones Web Con AngularJS - Eventos
1/11
DESARROLLO DEAPLICACIONES WEB CONANGULARJS - EVENTOS
CHRISTIAN PORTILLA PAUCA
8/19/2019 09 Desarrollo de Aplicaciones Web Con AngularJS - Eventos
2/11
8/19/2019 09 Desarrollo de Aplicaciones Web Con AngularJS - Eventos
3/11
INTRODUCCION
• ANGULARJS TIENE SUS PROPIAS DIRECTI
DE EVENTOS.
8/19/2019 09 Desarrollo de Aplicaciones Web Con AngularJS - Eventos
4/11
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
8/19/2019 09 Desarrollo de Aplicaciones Web Con AngularJS - Eventos
5/11
EVENTOS
• LAS DIRECTIVAS DE EVENTOS PERMITENEJECUTAR CÓDIGO DE FUNCIONES.
• UN EVENTO EN ANGULARJS NO SOBRESCUN EVENTO DE HTML.
8/19/2019 09 Desarrollo de Aplicaciones Web Con AngularJS - Eventos
6/11
EVENTOS DE MOUSE
• LOS EVENTOS DE MOUSE OCURREN CUAEL CURSOR SE MUEVE SOBRE UN ELEME
• SE PUEDE AÑADIR EVENTOS DE MOUSE CUALQUIER ELEMENTO HTML.
8/19/2019 09 Desarrollo de Aplicaciones Web Con AngularJS - Eventos
7/11
EVENTOS DE MOUSE
• NG-MOUSEENTER• NG-MOUSEOVER• NG-MOUSEMOVE• NG-MOUSELEAVE
• NG-MOUSEDOWN• NG-MOUSEUP• NG-CLICK
8/19/2019 09 Desarrollo de Aplicaciones Web Con AngularJS - Eventos
8/11
LA DIRECTIVA NG-CLICK
• LA DIRECTIVA NG-CLICK ES EQUIVALENTCLICK COMO EVENTO.
8/19/2019 09 Desarrollo de Aplicaciones Web Con AngularJS - Eventos
9/11
TOGGLE, TRUEFALSE
• SI SE DESEA SE PUEDE MOSTRAROCULTUNA SECCIÓN DE CÓDIGO HTML
8/19/2019 09 Desarrollo de Aplicaciones Web Con AngularJS - Eventos
10/11
EL OBJETO $EVENT
• SE PUEDE PASAR EL OBJETO $EVENT COUN ARGUMENTO DE LLAMADA LA FUNCIO
• EL OBJETO $EVENT CONTIENE EL OBJETOEVENTO DEL NAVEGADOR.
8/19/2019 09 Desarrollo de Aplicaciones Web Con AngularJS - Eventos
11/11
FIN
• MAIL! "HRIST#N%GMAIL.COMBLOG! HTTP!JAVASCRIPT".WORDPRESS
• SITE! WWW.CHRISTIANPORTILLA.COM• VIDEO! HTTPS!YOUTU.BE&'(NS)TBAKE
http://javascriptx.wordpress.com/http://www.christianportilla.com/http://com/https://youtu.be/5Z6NS7TBaKEhttps://youtu.be/5Z6NS7TBaKEhttp://com/http://www.christianportilla.com/http://javascriptx.wordpress.com/