Странное поведение с Ngx-Translate зависит от того, используете ли вы метод директивы с другим контентом или нет.
Согласно документации Ngx-Translate отлично работают следующие фрагменты, отображается переведенный ключ:
<el1 [translate]="'I18N.KEY'"></el1>
<el1>{{ 'I18N.KEY' | translate }}
<el2>other content</el2>
</el1>
Эти два фрагмента НЕ работают:
<el1 [translate]="'I18N.KEY'">
<el2>other content</el2>
</el1>
<el1 translate>I18N.KEY
<el2>other content</el2>
</el1>
Результаты:
- Отображает только «другой контент», пропуская перевод
- Перевод больше не переводится при смене языка
Почему? В документации нет указаний об ограничении использования директивы.
Проверьте это в этом стекаблиц