8
Desarrollo de Aplicaciones Web con AngularJS y Formularios Christian Portilla Pauca

10 . desarrollo de aplicaciones web con angular js y formularios

Embed Size (px)

Citation preview

Page 1: 10 .  desarrollo de aplicaciones web con angular js y formularios

Desarrollo de Aplicaciones Web con AngularJS y Formularios

Christian Portilla Pauca

Page 2: 10 .  desarrollo de aplicaciones web con angular js y formularios

Contenidos

IntroducciónEnlace de datosCheckboxRadioButtonsSelectBox

Page 3: 10 .  desarrollo de aplicaciones web con angular js y formularios

Introducción

Los formularios en AngularJs tiene enlace de datos y validación de datos de entrada.

Page 4: 10 .  desarrollo de aplicaciones web con angular js y formularios

Enlace de datos

Los controles de entrada de datos proveen enlace de datos usando la directiva ng-model.<input type="text" ng-model="nombre">

La directiva ng-model enlaza el controlador de la entrada de datos con el resto de la aplicación web.

Page 5: 10 .  desarrollo de aplicaciones web con angular js y formularios

CheckBox

Un checkbox tiene valores true o false. <form>

Marca check para mostrar la información <input type="checkbox" ng-model="mostrar"> </form>

Page 6: 10 .  desarrollo de aplicaciones web con angular js y formularios

Radiobuttons

Para enlazar los radio buttons a tu aplicación web se necesita añadir la directiva ng-model.

Page 7: 10 .  desarrollo de aplicaciones web con angular js y formularios

Selectbox

Para enlazar las opciones de selección de una app se usa la directiva ng-model.La propiedad definida en el atributo ng-model tendrá el valor de la opción seleccionada en el selectbox.

Page 8: 10 .  desarrollo de aplicaciones web con angular js y formularios

Fin

Mail: [email protected]: http://javascriptx.wordpress.com Site: www.christianportilla.comVideo: https://www.youtube.com/watch?

v=x4wI6J8-A7c