我正在使用最新版本的 Angular5 构建应用程序，并需要用户能够切换语言。在 Angular2+ 中我从未实现过这个功能（实际上我正在使用 Angular5）。
我需要设置翻译的两个地方：
我看了 ngx-translation，它似乎可以满足我的所有需求，例如允许您在不重新构建代码的情况下更改语言，请参见 此处。然而我了解到，由于主要开发人员加入 Angular 团队开发他们的 i18n 代码，它可能会被弃用。
我也知道目前的 i18n 并不支持我目前需要的所有功能，请参见 此处。
我的问题是 - 最新版 Angular 中的翻译功能现状如何？如果当前版本还没有完全支持（在不重新编译的情况下更改语言），那么是否有其他库可以推荐使用？ngx-translate 对未来是否好用？
非常感谢您在这个领域提供任何指导！
经过一段时间的调查，我想在这里列出我发现的ngx-translate和Angular-i18n之间的主要区别：
Ocombe（ngx的开发者）：@josersleal，这正是他们所做的，Angular团队聘请我为所有人改进国际化（i18n）。但是没有直接将我的库集成到核心中的方法。在为核心团队工作了3个月后，我可以告诉你，Angular i18n比我的库要复杂得多。它处理更多的复杂问题，并且没有我库中的所有错误和缺陷。我理解核心不像库一样快速发展是令人沮丧的，但是有原因，首先是您不能实现某些东西并在看到您忘记包含用例时随时更改它。每件事都必须经过彻底的计划和思考。尽管如此，未来核心中可能会包含大部分此库可以执行的功能，但不幸的是，这可能需要一年时间才能到达那里。好消息是，它将比我的天真实现好得多。
这是一篇讨论ngx-translate和Angular i18n之间主要区别的好文章: https://github.com/ngx-translate/core/issues/495
i18n的更改将在Angular的版本6中进行。今天，我们目前使用的是版本5：
这不会在5.0版本中实现，应该在6.0之前（也就是在2018年3月之前）。不幸的是，我没有更确切的日期。
ngx-translate的开发人员（现在是angular-i18n的主要贡献者）12天前发布了这个： https://github.com/angular/angular/issues/20193
这是i18n的设计文档（Prior Art部分很有趣）： https://docs.google.com/document/d/1LH7lJ1GjRgpGUjzNb6Eg4xrPooRdi80QOTYYh8z_JyY/edit#
一些想法...
我还将查看Angular-l10n库，因为它看起来非常不错：
是的。ngx-translate目前很好用，我希望它未来也能继续如此。
我正在使用ngx-translate在我的当前Angular 5项目中，支持5种以上语言。
到目前为止，它对我来说运行良好。我没有进行任何自定义更改，就像插入和播放一样。
不使用ng-translate，可以使用配置文件和语言json文件来进行翻译。你可以将该json文件放置在服务器位置，并轻松从angular访问。
在config.json中，你可以定义语言类型。
{
"LANGUAGE": "fr.json"
}
en/fr.json文件中。{
"TITLE": "Bonjour Angular avec translate !",
"SELECT": "Changer la langue"
}
这里有示例代码
App.component
export class AppComponent {
name = LAN_CONFIG['TITLE'];
// name = APP_CONFIG['LANGUAGE'];
}
或者
您可以使用config.js文件
将以下代码段添加到index.html头部：
<script>
var xhrObj = new XMLHttpRequest();
var url = '/assets/config/config.js';
xhrObj.open('GET', url, false);
xhrObj.send('');
var se = document.createElement('script');
se.type = "text/javascript";
se.text = xhrObj.responseText;
document.getElementsByTagName('head')[0].appendChild(se);
</script>
config.js文件
window.config= {};
window.config['LANGUAGE'] = 'er.js';
@Injectable()
export class LanguageService {
appConfig:AppConfigService;
lanTypePath ='../../assets/i18n/'+ window['config'].LANGUAGE;
constructor(private http: HttpClient)
{
console.log(APP_CONFIG['LANGUAGE']);
}
public load()
{
return new Promise((resolve, reject) => {
this.http.get(this.lanTypePath).catch((error: any): any => {
reject(true);
return Observable.throw('Server error');
}).subscribe((envResponse :any) => {
let t = new LanConfig();
//Modify envResponse here if needed (e.g. to ajust parameters for https,...)
LAN_CONFIG = Object.assign(t, envResponse);
resolve(true);
});
});
}
}
我认为对于你的情况，这种方法比以前更好。
希望这能有所帮助..！