Куда переводить с помощью ngx-translate и ngrx в Angular 5?

Question

У нас есть приложение, которое использует Redux-Pattern с ngrx , а также ngx-translate для i18n.Из этого ответа я уже узнал , как обрабатывать подход Angular i18n вместе с ngrx, но я не знаю, где подход ngx-translate-подход лучше всего подходит для приложения ngrx.

Переводможно сделать

• по услуге: this.translateService.get('SOME_KEY')
• или по трубе: {{ 'SOME_KEY' | translate }}

, которая предлагает четыре возможных места, где могут быть ключипереведено:

1. в компоненте, перед вызовом действия
2. в самом действии, перед передачей данных в хранилище
3. в редукторе
4. в представлении, когда повторное рендеринг вызван изменением состояния

Где бы вы считали, что это самый чистый способ поместить процесс перевода?

Answer 1

В идеале вы должны поместить свои переводы в шаблон сначала , так как это наиболее близко к месту, где появится перевод.

Если и когда вы обнаружите, что не можете использоватьЧтобы показать перевод, вы можете использовать translateService в своих компонентах, сервисах и т. д.

Кстати, вы также можете использовать директиву ngx-translate для отображения переводов:

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