缺少具有角度的区域设置“XXX”的区域设置数据

发布时间：2020-12-17 07:32:29 所属栏目：安全来源：网络整理

导读：我目前通过这种方式在“en-US”上定义“LOCALE_ID”： @NgModule({ providers: [{ provide: LOCALE_ID,useValue: "en-US" },...],imports: [...],bootstrap: [...]}) 而且效果很好.但是,为了测试法语中日期的样子,我用“fr-FR”替换了“en-US”然后我得到了

我目前通过这种方式在“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

(来源：https://angular.io/api/common/DatePipe)

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!