Filtros

Los filtros en AngularJS son una característica que permite formatear y manipular datos antes de que sean mostrados en la vista. Los filtros se aplican en las expresiones dentro de las plantillas HTML y pueden ser encadenados para realizar múltiples transformaciones en los datos. Aquí tienes una descripción detallada sobre cómo funcionan los filtros en AngularJS:

1. Uso básico de filtros:

   • Los filtros se aplican utilizando la sintaxis de tubería (|) en las expresiones en las plantillas HTML. Por ejemplo:

     {{ dato | filtro }}

   • El resultado de la expresión dato será pasado al filtro, y el resultado final será mostrado en la vista.

2. Filtros incorporados:

   • AngularJS proporciona una serie de filtros incorporados que pueden ser utilizados directamente en las plantillas HTML, como uppercase, lowercase, currency, date, number, orderBy, etc.

     {{ texto | uppercase }}
     {{ precio | currency }}
     {{ fecha | date:'dd/MM/yyyy' }}

3. Filtros personalizados:

   • También puedes crear tus propios filtros personalizados para adaptar el formato de los datos según tus necesidades. Los filtros personalizados se definen como funciones que toman un valor de entrada y devuelven un valor transformado.

     angular.module('miApp', [])
       .filter('miFiltro', function() {
         return function(input) {
           // Transformar el valor de entrada según tus necesidades
           return transformedInput;
         };
       });

4. Encadenamiento de filtros:

   • Los filtros pueden ser encadenados para realizar múltiples transformaciones en los datos. El resultado de un filtro se pasa como entrada al siguiente filtro en la cadena.

     {{ texto | uppercase | limitTo:10 }}

5. Argumentos de filtro:

   • Algunos filtros pueden aceptar argumentos adicionales para personalizar su comportamiento. Estos argumentos se pueden pasar después del nombre del filtro, separados por dos puntos (:).

     {{ precio | currency:'USD$' }}
     {{ fecha | date:'dd/MM/yyyy HH:mm:ss' }}

6. Uso en controladores:

   • También puedes aplicar filtros en tus controladores utilizando el servicio $filter. Esto puede ser útil si necesitas formatear datos en el código JavaScript antes de pasarlos a la vista.

     angular.module('miApp', [])
       .controller('miControlador', function($scope, $filter) {
         $scope.textoFormateado = $filter('uppercase')($scope.texto);
       });

En resumen, los filtros en AngularJS son una herramienta poderosa para formatear y manipular datos en la vista. Puedes utilizar filtros incorporados proporcionados por AngularJS o crear tus propios filtros personalizados para adaptar el formato de los datos según tus necesidades específicas. Los filtros pueden ser encadenados y también pueden aceptar argumentos adicionales para personalizar su comportamiento.