如何在AngularJS应用程序中支持用户可选的语言环境

Question

听起来好像这个问题以前曾经被问过几次，但我没有看到解决方案。所以这里就是问题！

我使用日期过滤器在AngularJS应用程序在页面中显示日期的HTML页面如下：

{{item.dateCreated | date:'mediumDate'}} 

我有我的网页上的菜单项，允许用户选择的语言用于显示页面。我正在使用优秀的ngTranslate模块来执行页面上字符串的翻译，但它不处理上面的日期显示。

AngularJS文档指出有一个名为id的成员的$ locale服务 - 不知道这是否是查看语言环境的属性或设置它的方法。该文档还说，我需要在包含angularjs库之后在页面中包含适合区域设置的i18n脚本文件，但当然，直到运行时用户选择它时，我才知道区域设置。

所以，问题是，我怎么能支持多语言环境中的angularjs应用程序，使得过滤器，例如日期翻译和语言环境格式的日期，以及我怎么告诉angularjs什么语言环境，如果用户改变其使用在运行时？我想我可以手动构建一组格式字符串，并在用户选择语言时将它们应用于日期过滤器，但这可能会变得困难，因为我们决定支持越来越多的语言。

我真的很感谢任何专家的建议！

Answer 1

要动态更改区域设置，您可以测试程序包Angular Dynamic Locale。