angular - 缺少带 Angular 区域设置 "XXX"的区域设置数据

Question

我目前以这种方式在“en-US”上定义“LOCALE_ID”:

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

而且效果很好。但是，为了测试日期在法语中的样子，我将“en-US”替换为“fr-FR”，然后出现错误:

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

我做了一些研究，但没有发现与此相关的任何内容。默认包中是否包含法语语言环境？是不同的包吗？我必须自己创建它们吗？

Answer 1

在文件 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 {}

(来源: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)