web-dev-qa-db-fra.com

Données de paramètres régionaux manquantes pour les paramètres régionaux "XXX" avec angular

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?

23
ssougnez

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 )

34
Alan

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 {}
3
Adrien V

s'il vous plaît jeter un oeil à https://github.com/angular/angular-cli/issues/668

cela pourrait être votre cas

0
Fadi Abo Msalam