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/