8.1 Formularios

Cada formulario que creamos en una página HTML genera un objeto de la clase FormController en el $scope de nuestro controlador. Este objeto contiene el estado del formulario con información relativa a :

• Si se ha modificado o no
• Si son válidos sus campos o no.

Veamos ahora un diagrama UML con la clase FormController

• Tanto la clase FormController como la clase NgModelController disponen de mas propiedades y/o métodos, algunos de los cuales se verán en otras unidades y algunos otros no se verán en este curso.
• La clase NgModelController no se verá en profundidad hasta la unidad 00_start ya que es necesario tener conocimientos avanzados de directivas para comprenderla completamente.
• Durante esta unidad vamos a ir explicando cada una de las propiedades de estas clases.
• Los nombres de clases de _Error y _Validaciones no son nombres que existan como tal en AngularJS pero los he creado para representar las forma de las propiedades FormController.$error y NgModelController.$error. Es decir que tienen esa información pero en ningún sitio de la documentación de AngularJS aparecen esos 2 nombres.

¿Que vamos a conseguir con este pequeño monstruo de clase enrevesadas? Como ya hemos dicho, poder saber en todo momento el estado del formulario y de todos sus campos.

En este tema vamos a poner ejemplo siguiendo el siguiente formulario:

     <form name="miFormulario" novalidate>
       
       Nombre:<input type="text" ng-model="model.nombre" name="nombre" required ng-maxlength="10">
       <br>
       Correo eletronico:<input type="email" ng-model="model.email" name="email">
       <br>
       <input type="checkbox" ng-model="model.aceptaTerminosCondiciones" name="aceptaTerminosCondiciones">Acepta los Terminos y Condiciones       
     </form>

Ya iremos explicando los atributos a lo largo de la unidad.

Lo primero que podemos saber

• / API Reference / ng / type / form.FormController
• / Developer Guide / Forms