时间戳

首页 > 解决方案 > 如何翻译日期对象 - Angular 9、TypeScript、HTML

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

问题描述

有部分代码（HTML）：

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

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

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

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

我正在使用 Angular 9，TypeScript。

标签： htmltypescriptdateangular9translate

解决方案

要使翻译管道工作，您必须事先配置 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 文件中创建的翻译与管道中的字符串匹配，那么您应该可以开始了。

推荐阅读