在 Angular 5 中哪里可以使用 ngx-translate 和 ngrx 进行翻译？

Question

我们有一个应用程序，它使用 Redux-Pattern 和 ngrx as well as ngx-translate for i18n. I already learned from 如何处理 Angular i18n 方法和 ngrx，但我不知道 ngx-translate-approach 适合哪里最好进入 ngrx 应用程序。

可以翻译

按服务分类：this.translateService.get('SOME_KEY')
或管道：{{ 'SOME_KEY' | translate }}

它提供了四个可能的位置，可以在其中翻译键：

在组件中，在调用操作之前
在操作本身中，在将数据传递到存储之前
在减速器中
在视图中，当状态更改触发重新渲染时

您认为将翻译过程放在哪里最干净？

Answer 1

理想情况下，您应该先将翻译放在模板中，因为这最接近翻译的显示位置。

如果您发现无法使用模板显示某些翻译，您可以考虑在您的组件、服务等中使用 translateService

顺便说一句，您还可以使用 ngx-translate 指令来显示翻译：

<div [translate]="'SOME_OTHER_KEY'"></div>

在 Angular 5 中哪里可以使用 ngx-translate 和 ngrx 进行翻译？

Where to translate with ngx-translate and ngrx in Angular 5?

angular

redux

ngrx

ngrx-store

ngx-translate