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?