Angular 本地化 : just switch language, 无需翻译

Question

我一直在研究 Angular(不是 AngularJS)如何实现本地化，似乎一切都以提供翻译服务为中心，为您提供翻译后的文本。这似乎比我实际需要的要多得多。我正在编写一个网站，该网站将提供英语和西类牙语的仪表板，我所需要的只是一项服务，该服务显示我们已经根据用户选择的语言翻译成一种语言或另一种语言的文本。我是否仍然需要使用相同的方法，只是跳过翻译服务部分，或者你们知道另一个只负责切换语言的库吗？

我是 Angular 的新手(我来自 .NET 世界 - 本地化的管理方式略有不同)，因此非常感谢任何帮助。

谢谢。

Answer 1

您可以看看ngx-translate .

它基于经典的原始键值对，可以通过翻译文件或其他自行实现的加载方法(例如对文件的 http 调用)提供服务(如果您不想通过应用程序提供翻译文件)。该服务通常使用默认语言和后备语言启动。您可以通过编程方式切换语言，然后该服务将尝试加载另一个输入文件(或您为获取某种语言的翻译而实现的任何文件)。这是启动和切换语言的示例。

constructor(private translate: TranslateService) {
    // this language will be used as a fallback when a translation isn't found in the current language
    this.translate.setDefaultLang('en');

     // the lang to use, if the lang isn't available, it will use the current loader to get them
    this.translate.use('en');
}

switchLanguage(language:string) {
    // switch to another language
    this.translate.use(language);
}

翻译值可以通过多种方式绑定(bind)到前端，有些方式可以让您在更改语言时甚至不需要重新加载任何内容，它会自动切换所有值，但它们的使用受到限制。其他方式可能需要重新加载当前显示的组件。

这是一个无需重新加载即可工作的示例。

<!-- translation value with the key "hello" in the currently set language -->
<div translate>hello</div>

有关更多信息，请检查他们的页面，它有很好的文档记录。