¡Esta es una revisión vieja del documento!


5.2 Escalares

Estos filtros se aplican para modificar la forma en la que se muestran datos escalares 1).

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.

formato:

{{valor | number:numdecimales }}

Veamos ahora un ejemplo:

<div>{{importe | number:2}}</div>

La variable importe solo se mostrará con 2 decimales.

Si no se indica el número de decimales por defecto se muestran 3 decimales.

date

Este filtro se aplica sobre fechas para mostrar un formato concreto.

formato:

{{valor | date:'formato' }}

El formato de fecha acepta entre otros los siguientes campos:

  • yyyy: El año con 4 dígitos. 2012, 1998
  • MM: El mes en formato numérico con dos dígitos. 01, 09, 12
  • dd: El día del mes con dos dígitos. 01, 21, 31
  • HH: La hora en 24 Horas con dos dígitos. 01, 09, 11, 23
  • mm: Los minutos con dos dígitos. 01, 09, 45, 59
  • ss: Los segundos con dos dígitos. 01, 09, 45, 59

La referencia completa de los formatos de fecha la podemos encontrar en date

Veamos ahora un ejemplo:

<div>{{miFecha | date:'yyyy/MM/dd'}}</div>

Al mostrar la variable fecha se verá primero el año, luego los meses y finalmente los días.

AngularJS soporta que en vez de especificar directamente el formato de la fecha usar los siguientes formatos predefinidos :

  • medium
  • short
  • fullDate
  • longDate
  • mediumDate
  • shortDate
  • mediumTime
  • shortTime

El significado exacto de estos formatos depende del idioma que se haya elegido, aunque se pueden intuir por el nombre que tienen. Así que en la mayoría de las ocasiones se deberían de usar estos formatos predefinidos.

<div>{{miFecha | date:'shortDate'}}</div>

Fijaté en que al poner opciones del filtro que sean un String hay que ponerlo entre comillas.

currency

Muestra un número con el símbolo de la moneda local y con el número de decimales correctos.

formato:

{{ valor | currency }}

Veamos ahora un ejemplo:

{{ importe | currency }}

La variable importe se mostrará con el símbolo del $ y con 2 decimales.

lowercase

uppercase

json

Referencias

1) Números, fechas, textos, etc. pero no listas de datos
unidades/05_filtros/02_escalares.1407323307.txt.gz · Última modificación: 2014/08/06 13:08 por admin
Ir hasta arriba
CC Attribution-Share Alike 3.0 Unported
chimeric.de = chi`s home Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0