动态翻译服务 Ionic 2 Angular 2 ngx-translate

Question

我正在使用 ionic 2 构建一个应用程序，我想从服务器响应中翻译一些对象，而无需将其存储在 JSON 文件中。

我正在使用 ngx 翻译

例如，我收到这样的对象：

{
"name": ["Hello", "Hola", "Bon Jour"],
"description": ["This text is in English", "This text is in Spanish", "This text is in French"]
}

我想根据所选语言在我的应用程序中设置字符串的值。我怎样才能做到这一点？

非常感谢。

Answer 1

您可以使用 3 个键(en、es、fr(创建一个对象，然后使用它使用"setTranslation"设置每种语言

例：

translate.setTranslation('en', translations['en']);
translate.setTranslation('es', translations['es']);
translate.setTranslation('fr', translations['fr']);

要生成此"翻译"，您可以迭代您拥有的数据，对于每个项目，使用数组中的索引获取每种语言的翻译。

let data = {
"name": ["Hello", "Hola", "Bon Jour"],
"description": ["This text is in English", "This text is in Spanish", "This text is in French"]
}
const translations = {en: [], es: [], fr: []};
Object.keys(data).forEach( key => {
translations['en'][key] = data[key][0];
translations['es'][key] = data[key][1];
translations['fr'][key] = data[key][2];
});
console.log(translations); //this will output you object ready to be used in 'setTranslation'

这是此代码的工作小提琴。

更新

您可以使用 setTranslate 以更动态的方式重写该硬编码片段

Object.keys(translations).forEach( key => {
translate.setTranslation(key, translations[key]);
});

因此，您可以拥有多种语言 (1..n( 语言，而无需重复代码。