Как использовать TranslateService (ngx-translate) в файле машинописи через globalservice?

Question

Я пытаюсь использовать библиотеку ngx-translate для реализации функций перевода в приложении angular 4.Здесь я пытаюсь использовать TranslateService, который внедряется в глобальный сервис, используемый в приложении.Эта глобальная служба вызывается из служебного файла (содержит все общие функции).Наконец, служебный метод вызывается на уровне компонента.Вот общая схема использования:

Я также создал образец приложения по адресу: https://stackblitz.com/edit/angular-6vlspz

Может кто-нибудь помочья здесь с некоторым примером кода для его реализации.

Answer 1

Из вашего примера нужно сделать несколько вещей:

• Сделать moreText в testService видимым текстом.Я думаю, что лучше всего было бы BehaviorSubject.
• Подпишитесь на языковые изменения и обновите более заметный текст.
• Используйте это наблюдаемое в ваших компонентах.

Я получил идею добавить Accept-Language заголовки в перехватчик.Зачем вам нужны фактические переведенные значения, абстрагированные от?Просто используйте его непосредственно в компонентах:

<span>Something something {{ 'moreText' | translate }} </span>

Вам не нужно передавать ярлыки в сервисе.