https://www.cursoangularjs.es/ 2026-04-13T14:49:28+02:00 https://www.cursoangularjs.es/ https://www.cursoangularjs.es/lib/tpl/dokubook/images/favicon.ico text/html 2014-08-14T19:24:44+02:00 https://www.cursoangularjs.es/doku.php?id=unidades:05_filtros:00_start&rev=1408037084&do=diff En esta unidad se explican los filtros en AngularJS Temas * 5.1 Filtros * 5.2 Escalares * 5.3 Listas * 5.4 Filter * 5.5 Filtros desde JavaScript * 5.6 Creando filtros * 5.7 Ejemplo de filtro Ejercicios Los ejercicios de esta unidad se encuentran en 5. Filtros text/html 2014-08-05T18:20:20+02:00 https://www.cursoangularjs.es/doku.php?id=unidades:05_filtros:01_filtros&rev=1407255620&do=diff Por ahora hemos visto varios artefactos en AngularJS: * Directivas * Controladores * Servicios En esta unidad vamos a ver un nuevo tipo de artefacto de AngularJS los filtros Los filtros permiten modificar como se muestran los datos en la página HTML. Ejemplos de ello es como se muestran las fechas, los números, como ordenar listas, etc. text/html 2014-08-30T10:15:24+02:00 https://www.cursoangularjs.es/doku.php?id=unidades:05_filtros:02_escalares&rev=1409386524&do=diff Estos filtros se aplican para modificar la forma en la que se muestran datos escalares . Los distintos tipos de filtros para escalares que existen en AngularJS son: * * * * * number Este filtro se aplica sobre números para limitar el nº de decimales que se muestran de dicho número. Aunque también cambia el separador de decimales al idioma que se esté usando actualmente. text/html 2014-08-30T10:21:09+02:00 https://www.cursoangularjs.es/doku.php?id=unidades:05_filtros:03_listas&rev=1409386869&do=diff Estos filtros se aplican para modificar la forma en la que se muestran arrays de datos. * : Permite ordenar un array * : Limita el número de elementos de un array * : Filtra los datos del array. Lo normal es usar estos filtros dentro de la directiva ng-repeat para modificar la manera en que se muestran los elementos de una tabla. text/html 2014-09-11T14:20:54+02:00 https://www.cursoangularjs.es/doku.php?id=unidades:05_filtros:04_filter&rev=1410438054&do=diff El filtro filter , cuyo nombre es poco afortunado, filtra el array para que el array resultante sólo tenga ciertos datos del array original Este filtro soporta varios tipos de parámetros así que vamos a verlos uno por uno. En todos los ejemplos vamos a suponer los siguientes datos: text/html 2014-08-30T10:39:29+02:00 https://www.cursoangularjs.es/doku.php?id=unidades:05_filtros:05_javascript&rev=1409387969&do=diff Hemos visto hasta ahora cómo usar los filtros desde la página HTML pero también se puede usar un filtro directamente desde JavaScript y de esa forma obtener el valor formateado en una variable de JavaScript. Su uso es muy sencillo ya que realmente es un servicio de AngularJS llamado $filter. Este servicio es una función a la que le pasamos el nombre del filtro y nos retorna la función real de nuestro filtro. Aunque parece un poco trabalenguas ahora con un ejemplo se entenderá perfectamente.… text/html 2014-08-30T10:53:35+02:00 https://www.cursoangularjs.es/doku.php?id=unidades:05_filtros:06_creacion&rev=1409388815&do=diff En este tema vamos a ver cómo crear filtros personalizados. Crear un nuevo filtro es casi tan sencillo como crear una función a la que le pasamos un valor y ésta retorna el nuevo valor con el filtro aplicado. La forma de crear un filtro es llamando al método filter de un módulo. Este método acepta una función de factoría,siendo la función de factoría la que retornará nuestra función de filtro. text/html 2014-08-30T10:58:38+02:00 https://www.cursoangularjs.es/doku.php?id=unidades:05_filtros:07_ejemploseguro&rev=1409389118&do=diff Para acabar esta unidad vamos a crear un nuevo filtro llamado filteri18n cuyo funcionamiento es similar al del filtro filter pero de forma que permita filtrar independientemente de los acentos, diéresis, etc. Este nuevo filtro lo aplicaremos al ejemplo de seguros médicos.