2017-09-26 93 views
4

缺少语言环境数据我目前界定 “LOCALE_ID” 上 “的en-US” 是这样的:语言环境 “XXX” 具有角

@NgModule({ 
    providers: [{ provide: LOCALE_ID, useValue: "en-US" }, ...], 
    imports: [...], 
    bootstrap: [...] 
}) 

,它工作得很好。然而,为了测试日期怎么看起来像在法国,我改为“的en-US”由“FR-FR”,然后我得到了错误:

Missing locale data for the locale "fr-FR".

我做了一些研究,我没有找到与此相关的任何内容。法语的语言环境是否包含在默认包中?这是不同的包吗?我必须自己创建它们吗?

+3

https://next.angular.io/guide/i18n。 –

+0

啊!非常感谢,我看到那篇文章,但我错过了“i18n管道”部分。这些文章太长了。非常感谢,它现在正常;-) – ssougnez

回答

0

在文件app.module.ts

... 
import { NgModule, LOCALE_ID } from '@angular/core'; 
import localeFr from '@angular/common/locales/fr'; 
registerLocaleData(localeFr); 


@NgModule({ 
    imports: [...], 
    declarations: [...], 
    bootstrap: [...], 
    providers: [ 
    { provide: LOCALE_ID, useValue: 'fr-FR'}, 
    ] 
}) 
export class AppModule {} 

(来源:https://next.angular.io/guide/i18n

,并在您的模板(*.component.html

DATE in FRENCH: {{ dateEvent | date: 'longDate'}} 

结果:

DATE in FRENCH: 25 mars 2018 

(来源:https://angular.io/api/common/DatePipe

-1

请看看 https://github.com/angular/angular-cli/issues/6683

,这可能是你的情况

+0

嗨,我没有使用angular-cli和由JB Nizet提供的答案解决了我的问题,谢谢;-) – ssougnez

+1

@ssougnez如果提供的答案帮助您解决了您的问题,应该接受它作为答案。这不仅可以帮助提供答案的人获得声誉并获得帮助的回报,还可以通过获得正确答案来帮助社区。 –

+0

我接受了另一个,因为这是对我的问题最接近的答案。 – ssougnez