Índice

Formateo de los datos

En ciertas situaciones, puede ser necesario dar formato a los datos durante su representación. Por ejemplo, si el modelo contiene un campo de tipo fecha, puede resultar conveniente mostrar la fecha en un formato comprensible en lugar de utilizar el formato estándar de JavaScript.

El formateo de los datos no debe hacerse en el modelo, ni tampoco en el controlador, sino en la vista, pues se trata de una problemática de representación. Para ello, AngularJS introduce la noción de filtro. El rol de los filtros es recibir como entrada un dato y devolver este dato en el formato deseado.

1. Uso de filtros

La sintaxis para utilizar un filtro es la siguiente:

{{ expresión | nombreDelFiltro }}

Donde expresión se corresponde con una expresión AngularJS y nombreDelFiltro,  con el nombre del filtro que debe utilizarse.

Los filtros pueden utilizarse también mediante la directiva ng-bind:

<span ng-bind="expresión | nombreDelFiltro" />

AngularJS integra por defecto varios filtros:

currency

permite mostrar un número en formato monetario.

date

permite dar formato a la visualización de una fecha.

lowercase

permite mostrar una cadena de caracteres en minúsculas.

uppercase

permite mostrar una cadena de caracteres en mayúsculas.

number

permite dar formato a la visualización de un número.

json

permite mostrar un objeto JavaScript bajo la forma de una cadena de caracteres en formato JSON.

El controlador definido a continuación contiene ...