Índice

Ejemplo

El siguiente ejemplo ilustra la creación de un formulario que permite introducir una lista de empleados. Se utilizará el conjunto de funcionalidades vistas en el capítulo.

module.controller("MainController", function($scope) {  
    $scope.empleados = [];  
   
    $scope.addEmpleado = function() {  
           $scope.empleados.push({});  
   }  
   
   $scope.removeEmpleado = function(empleado) {  
           var index = $scope.empleados.indexOf(empleado);  
           $scope.empleados.splice(index, 1);  
   }  
   
   $scope.submitEmpleados = function() {  
           if($scope.empleadosForm.$valid) {  
                  // Envío del formulario al servidor  
           }  
   };  
});

El controlador declarado antes declara una lista de empleados. Se crean también dos métodos que permiten agregar un nuevo empleado o eliminar uno existente.

Por último, se declara el método submitEmpleados, que permite enviar los datos introducidos por el usuario al servidor. Este método utiliza la propiedad $valid del formulario para verificar la validez de los datos antes de enviarlos.

<button ng-click="addEmpleado()">Agregar empleado</button>   ...