4

Tengo un proyecto en:

Ionic Framework: 3.9.2
Ionic App Scripts: 3.1.8
Angular Core: 5.0.3
Angular Compiler CLI: 5.0.3
Node: 6.7.0
OS Platform: Windows 8.1
Navigator Platform: Win32
User Agent: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36

y tengo que representar una cifra monetaria en pesos colombianos, para eso uso el pipe de moneda {{variable | currency:'COP':'0.0-0'}}, pero el resultado es el siguiente $3,055.70 pero me exigen que el separador de miles sea con . y el de decimales con ,, he leído la documentación de currency y dice que se debe configurar la variable locale de la siguiente forma {{variable | currency:'COP':'0.0-0':'es'}} pero esto causa el siguiente error:

ERROR Error: Missing locale data for the locale "es".
    at findLocaleData (common.js:1475)
    at getLocaleNumberFormat (common.js:1318)
    at formatNumber$1 (common.js:4913)
    at CurrencyPipe.transform (common.js:6151)
    at checkAndUpdatePureExpressionInline (core.js:12908)
    at checkAndUpdateNodeInline (core.js:13602)
    at checkAndUpdateNode (core.js:13541)
    at debugCheckAndUpdateNode (core.js:14413)
    at debugCheckRenderNodeFn (core.js:14392)
    at Object.eval [as updateRenderer] (PPendonPage.html:197)

tambien he intentado cambiar el lenguaje por defecto de la app, pasarlo de 'en-US' a 'es-ES' de la siguiente forma,

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { LOCALE_ID } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';

import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';
import { ListPage } from '../pages/list/list';


import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';

@NgModule({
  declarations: [
    MyApp,
    HomePage,
    ListPage
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp, {
      backButtonText: '',
      mode: 'ios',
    })
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    HomePage,
    ListPage    
  ],
  providers: [
    StatusBar,
    SplashScreen,
    {provide: ErrorHandler, useClass: IonicErrorHandler},
    {provide: LOCALE_ID, useValue: 'es-ES' }
  ]
})
export class AppModule {}

de igual forma de sale el error:

Error: Missing locale data for the locale "es-ES".
    at findLocaleData (http://localhost:8100/build/vendor.js:45511:11)
    at getLocaleNumberFormat (http://localhost:8100/build/vendor.js:45354:33)
    at formatNumber$1 (http://localhost:8100/build/vendor.js:48949:35)
    at CurrencyPipe.transform (http://localhost:8100/build/vendor.js:50187:18)
    at checkAndUpdatePureExpressionInline (http://localhost:8100/build/vendor.js:13255:38)
    at checkAndUpdateNodeInline (http://localhost:8100/build/vendor.js:13955:20)
    at checkAndUpdateNode (http://localhost:8100/build/vendor.js:13894:16)
    at debugCheckAndUpdateNode (http://localhost:8100/build/vendor.js:14766:76)
    at debugCheckRenderNodeFn (http://localhost:8100/build/vendor.js:14745:13)
    at Object.eval [as updateRenderer] (ng:///AppModule/PPendonPage.ngfactory.js:736:48)

¿Como logro usar {provide: LOCALE_ID, useValue: 'es-ES' } correctamente?

1
  • pregunta donde hagoeste register? en app.module.ts? o en mypage.ts? Commented el 31 mar. 2018 a las 2:49

2 respuestas 2

11

Tienes que importar las "Locale" que necesitas usar, además de incluir "LOCALE_ID" como provider:

import { NgModule, LOCALE_ID } from '@angular/core';
import es from '@angular/common/locales/es';
import { registerLocaleData } from '@angular/common';

registerLocaleData(es);

@NgModule({
..
providers: [ { provide: LOCALE_ID, useValue: 'es-*' } ]
..
})

Siendo * el código del país que deseas usar [MX, AR, ES] quedando de la siguiente manera providers: [ { provide: LOCALE_ID, useValue: 'es-MX' } ]

Puedes mirar las localizaciones disponibles aquí

1
  • perfecta la solución. muchas gracias. calendar esta incompleto
    – dbZap
    Commented el 13 jul. 2018 a las 1:43
0
import { NgModule, LOCALE_ID } from '@angular/core';

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

registerLocaleData(es);

@NgModule({
..
providers: [ { provide: LOCALE_ID, useValue: 'es-PE' } ]
..
})

El LOCALE_ID para Perú, funciona correctamente

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