4

estoy intentando dar formato a una moneda. Lo tengo que hacer en el componente.

En el template si se puede hacer con:

{{price | currency:'EUR':true:'1.2'}}

Pero como se podria hacer en el componente? Gracias!

2 respuestas 2

4

En Angular versión 6 y posteriores ya no es necesario inyectar el Pipe como antes, ahora puedes directamente importar la función que el Pipe usa, en tu caso la función formatCurrency

formatCurrency(10.9 ,'es-ES','€','1.2');

Para que esto funcionara tuve que asegurarme de que el locale estaba registrado:

import { registerLocaleData } from '@angular/common';
import localeEs from '@angular/common/locales/es';

registerLocaleData(localeEs);

Puedes verlo funcionar aquí (StackBlitz)

1
  • Gracias por l'ayuda! Me sale esto 1,80�EUR. Se podria quedar solo con 1,80?
    – David
    el 14 mar. 2019 a las 10:37
2

puedes usar una función como:

getCurrency(price: number) {
  return new Intl.NumberFormat('es-ES', { style: 'currency', currency: 'EUR'}).format(price);
}
2
  • No es la solución que da Angular, pero es totalmente válida y soportada por todos los navegadores actuales (incluso IE 11). el 14 mar. 2019 a las 11:10
  • La solución ideal es usar el locale como bien explicas en tu respuesta pero esto es más una solución quick&dirty. Si el requisito es a nivel de aplicación es mucho mejor registrar los locales. Esta guía me fue de ayuda también: angular.io/guide/i18n el 14 mar. 2019 a las 11:38

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.