我目前以这种方式在“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".
我做了一些研究,但没有发现与此相关的任何内容。默认包中是否包含法语语言环境?是不同的包吗?我必须自己创建它们吗?
最佳答案
在文件 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
关于angular - 缺少带 Angular 区域设置 "XXX"的区域设置数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46419026/