我目前通过这种方式在“en-US”上定义“LOCALE_ID”:
@NgModule({ providers: [{ provide: LOCALE_ID,useValue: "en-US" },...],imports: [...],bootstrap: [...] })
而且效果很好.但是,为了测试法语中日期的样子,我用“fr-FR”替换了“en-US”然后我得到了错误:
Missing locale data for the locale “fr-FR”.
我做了一些研究,但没有发现任何与之相关的内容.法语的语言环境是否包含在默认包中?它是一个不同的包吗?我必须自己创建它们吗?
在文件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