2017-09-26 66 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