在 Angular 5 中哪里可以使用 ngx-translate 和 ngrx 进行翻译?
Where to translate with ngx-translate and ngrx in Angular 5?
我们有一个应用程序,它使用 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 }}
它提供了四个可能的位置,可以在其中翻译键:
- 在组件中,在调用操作之前
- 在操作本身中,在将数据传递到存储之前
- 在减速器中
- 在视图中,当状态更改触发重新渲染时
您认为将翻译过程放在哪里最干净?
理想情况下,您应该先将翻译放在模板中,因为这最接近翻译的显示位置。
如果您发现无法使用模板显示某些翻译,您可以考虑在您的组件、服务等中使用 translateService
顺便说一句,您还可以使用 ngx-translate
指令 来显示翻译:
<div [translate]="'SOME_OTHER_KEY'"></div>
我们有一个应用程序,它使用 Redux-Pattern 和 ngrx as well as ngx-translate for i18n. I already learned from
可以翻译
- 按服务分类:
this.translateService.get('SOME_KEY')
- 或管道:
{{ 'SOME_KEY' | translate }}
它提供了四个可能的位置,可以在其中翻译键:
- 在组件中,在调用操作之前
- 在操作本身中,在将数据传递到存储之前
- 在减速器中
- 在视图中,当状态更改触发重新渲染时
您认为将翻译过程放在哪里最干净?
理想情况下,您应该先将翻译放在模板中,因为这最接近翻译的显示位置。
如果您发现无法使用模板显示某些翻译,您可以考虑在您的组件、服务等中使用 translateService
顺便说一句,您还可以使用 ngx-translate
指令 来显示翻译:
<div [translate]="'SOME_OTHER_KEY'"></div>