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

提问者：小点点

有一部分代码(HTML):

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

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

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

我有文件夹i18n，有两种语言的两个json文件。但是我不知道我能不能这样翻译日期对象。我在寻找一个非常简单的解决方案。

我用的是Angular 9，打字稿。

共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文件中创建的翻译与管道中的字符串匹配，那么您就可以开始工作了。