Angular:如何以法语格式显示日期

Question

我是一个 Angular 初学者，我阅读了 Angular 的文档，但是对于这样一个基本的东西来说很难......我希望我的应用程序中的日期和其他内容具有法语区域设置，而不是默认的“en-US”。 ..

我开始阅读这篇 Angular documentation ，这似乎有点不完整，因为我做了文档状态，但失败了:

>...\ClientApp>ng serve --configuration=fr
Configuration 'fr' could not be found in project 'ClientApp'.

好的，现在我看看另一个 documentation page在日期管道上。它指出:

{{ value_expression | date [ : format [ : timezone [ : locale ] ] ] }}

但是关于如何使用 locale 的任何示例，所以，我尝试在测试应用程序中进行 link , 像这样 {{myDate | date: 'medium': undefined : 'fr'}}但它什么也没显示......我在控制台中有:

ERROR
Error: InvalidPipeArgument: 'Missing locale data for the locale "fr".' for pipe 'DatePipe'

我还应该做什么或安装以在 Angular 中以法语格式显示日期？

Angular CLI: 6.1.5
Node: 8.11.1
OS: win32 x64
Angular: 6.1.8

Answer 1

尝试将以下代码添加到您的应用模块

import { registerLocaleData } from '@angular/common';
import localeFr from '@angular/common/locales/fr';

// the second parameter 'fr' is optional
registerLocaleData(localeFr, 'fr');

https://angular.io/guide/i18n#i18n-pipes

编辑:
然后，如果您想将此语言环境设置为默认设置，则需要将 LOCALE_ID 注入(inject) token 设置为“fr”，如下所示:

{provide: LOCALE_ID, useValue: 'fr' }

在您的应用模块中

希望能帮助到你