Solución:
En archivo app.module.ts
...
import { NgModule, LOCALE_ID } from '@angular/core';
import { registerLocaleData } from '@angular/common';
import localeFr from '@angular/common/locales/fr';
registerLocaleData(localeFr);
@NgModule({
imports: [...],
declarations: [...],
bootstrap: [...],
providers: [
{ provide: LOCALE_ID, useValue: 'fr-FR'},
]
})
export class AppModule {}
(fuente: https://next.angular.io/guide/i18n)
y en tu plantilla*.component.html
)
DATE in FRENCH: {{ dateEvent | date: 'longDate'}}
Resultado:
DATE in FRENCH: 25 mars 2018
(fuente: https://angular.io/api/common/DatePipe)
Gracias @Alan, acabas de olvidar esto: import { registerLocaleData } from '@angular/common';
Código completo:
import { registerLocaleData } from '@angular/common';
import localeFr from '@angular/common/locales/fr';
registerLocaleData(localeFr);
@NgModule({
imports: [...],
declarations: [...],
bootstrap: [...],
providers: [
{ provide: LOCALE_ID, useValue: 'fr-FR'},
]
})
export class AppModule {}
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)