如何翻译日期对象 - Angular 9, TypeScript, HTML

Question

有部分代码(HTML):

<span class="small"> {{ today | date:'EEEE' }} </span>

我想翻译这些日子的名字。在我的项目中我是这样翻译的：

<span> {{ 'application.title' |translate }}</span>

我有 i18n 文件夹，并且有两个 json 文件用于两种语言。但我不知道我是否可以用这种方式翻译日期对象。我正在寻找一个非常简单的解决方案。

我正在使用 Angular 9，TypeScript。

Answer 1

要使翻译管道正常工作，您必须预先配置 TranslateModule。

首先，如果你还没有做到，

npm install @ngx-translate/core 

并使用默认加载器

npm install @ngx-translate/http-loader --save

然后你必须在你的模块中导入 TranslateModule，

TranslateModule.forRoot({
  loader: {
    provide: TranslateLoader,
    useFactory: HttpLoaderFactory,
    deps: [HttpClient]
  }
})

最后，注入你想要的组件TranslateService来初始化默认语言。

translateService.setDefaultLang('en');

如果您已完成所有这些步骤，并且在 json 文件中创建的翻译与管道中的字符串相匹配，您就可以开始了。