Je définis actuellement "LOCALE_ID" sur "en-US" de cette façon:
@NgModule({
providers: [{ provide: LOCALE_ID, useValue: "en-US" }, ...],
imports: [...],
bootstrap: [...]
})
et ça marche plutôt bien. Cependant, afin de vérifier à quoi ressemblent les dates en français, j'ai remplacé "en-US" par "fr-FR", puis j'ai obtenu l'erreur suivante:
Données de localisation manquantes pour la localisation "fr-FR".
J'ai fait des recherches et je n'ai rien trouvé à ce sujet. Les paramètres régionaux pour le français sont-ils inclus dans le package par défaut? Est-ce un paquet différent? Dois-je les créer moi-même?
Dans le fichier 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 {}
(source: https://next.angular.io/guide/i18n )
et dans votre modèle (*.component.html
)
DATE in FRENCH: {{ dateEvent | date: 'longDate'}}
Résultat:
DATE in FRENCH: 25 mars 2018
(source: https://angular.io/api/common/DatePipe )
Merci @Alan, vous avez juste oublié ceci: import { registerLocaleData } from '@angular/common';
Code complet:
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 {}
s'il vous plaît jeter un oeil à https://github.com/angular/angular-cli/issues/668
cela pourrait être votre cas