blocks|key|5242553|text|老实说，angular中的$locale服务仍然非常原始。它真的很好，但在这方面似乎缺乏灵活性。最大的问题是，即使您通过动态重新加载正确的区域设置文件来切换区域设置，日期过滤器之类的东西也不会知道您已经更改了它，因为它们在设置时会注册它们的区域设置信息。因此，您目前有几个选择:+1.使用选定的区域设置重新加载页面...或者2.编写您自己的区域设置提供程序和使用它的过滤器。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5242554|可以创建一个动态加载适当脚本文件的服务，重新初始化所有受影响的筛选器和服务，然后刷新视图，但我不确定这一切在这一点上会涉及到什么。|5242555|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Honestly, the $locale service in angular is pretty primitive still. It's really good, but it seems to lack flexibility in this area. The biggest issue is that even if you switch your locale by dynamically reloading the proper locale file, things like the date filter won't know you've changed it because they're registering their locale information when they're set up. So you have a couple of choices currently: 1. Reload the page with the selected locale... or 2. Write your own Locale Provider and Filters that use it.

It might be possible create a service that would dynamically load the proper script file, reinitialize all affected filters and services, then refresh the views, but I'm not really sure what all that would involve at this point.

blocks|key|3512873|text|您可以将所需的语言环境加载到localStorage中，然后刷新页面。使用下面的脚本加载所需的i18n文件。目前还不支持动态更改语言环境。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3512874|<script+src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js"></script>
<script>
var+locale+=+JSON.parse(localStorage.getItem('locale'));
if+(locale)+{
++++document.write('<script+src="scripts/i18n/angular-locale_'%2Blocale%2B'.js"><\/script>');
}
</script>|code-block|syntax|javascript|3512875|entityMap^0|E|C|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

You can load the locale you want into <code>localStorage</code>, then refresh the page. Have the script below load the i18n file you need. Changing the locale on the fly isn't supported yet.

<pre><code>&lt;script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js"&gt;&lt;/script&gt;
&lt;script&gt;
var locale = JSON.parse(localStorage.getItem('locale'));
if (locale) {
 document.write('&lt;script src="scripts/i18n/angular-locale_'+locale+'.js"&gt;&lt;\/script&gt;');
}
&lt;/script&gt;
</code></pre>

blocks|key|5151425|text|我已经构建了一个处理i18n的angular模块。AngularJS对i18n的支持是非常原始的，如果你想有更多的控制，也更灵活，请查看angular-translate+-+http://angular-translate.github.io/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|5151426|如果我能帮上忙，请告诉我！|5151427|entityMap|0|LINK|mutability|MUTABLE|url|http://angular-translate.github.io/^0|2G|Z|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

I've built an angular module that takes care about i18n. AngularJS support for i18n is pretty primitve, if you want to have more control and also be more flexible, checkout angular-translate - <a href="http://angular-translate.github.io/">http://angular-translate.github.io/</a> 

Let me know, if I can help out!

blocks|key|3513002|text|对于今天寻求动态本地化的任何人来说，angular-dynamic-locale做得很好。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3513003|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/lgalfaso/angular-dynamic-locale^0|I|M|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

For anyone looking for dynamic localization today <a href="https://github.com/lgalfaso/angular-dynamic-locale">angular-dynamic-locale</a> does a great job.

blocks|key|5151453|text|我为同样的问题而苦苦挣扎，阅读了这里的所有答案，并在我的项目中介绍了i18n/l10n。这是我的结果：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5151454|5151455|angular-translate+(http://angular-translate.github.io)是本地化content+(自定义字符串)的完美方法。但是它不能转换angular的日期，货币，或者number-filters.|unordered-list-item|offset|length|style|BOLD|5151456|Angular有一个内置的机制来本地化+date，currency+-filters。支持的语言环境的翻译可以在这里找到，angular指南位于https://docs.angularjs.org/guide/i18n|5151457|The+problem+https://github.com/angular/angular.js/tree/master/src/ngLocale+angular的内置机制:在运行时更改语言环境不是那么容易！这就是https://github.com/lgalfaso/angular-dynamic-locale发挥作用的地方。它允许您在运行时很容易地更改语言。|5151458|5151459|因此，解决方案是使用两个项目，angular-translate和angular-dynamic-locale。|5151460|entityMap|0|LINK|mutability|MUTABLE|url|http://angular-translate.github.io/|1|https://docs.angularjs.org/guide/i18n|2|https://github.com/angular/angular.js/tree/master/src/ngLocale|3|https://github.com/lgalfaso/angular-dynamic-locale^0|0|0|1M|7|J|Y|0|0|J|F|20|11|1|0|2K|C|C|1Q|2|30|1E|3|0|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|15|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|16|8|@$F|17|G|18|H|I]]|9|@$F|19|G|1A|1|1B]]|A|$]]|$1|J|3|K|5|E|7|1C|8|@$F|1D|G|1E|H|I]]|9|@$F|1F|G|1G|1|1H]]|A|$]]|$1|L|3|M|5|E|7|1I|8|@$F|1J|G|1K|H|I]]|9|@$F|1L|G|1M|1|1N]|$F|1O|G|1P|1|1Q]]|A|$]]|$1|N|3|-4|5|6|7|1R|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|1S|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|1T|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]|Y|$5|T|U|V|A|$W|Z]]|10|$5|T|U|V|A|$W|11]]|12|$5|T|U|V|A|$W|13]]]]

I struggled with the same issues, read all the answers here and introduced i18n/l10n in my project. This are my outcomes:

<ul>
<li>angular-translate (<a href="http://angular-translate.github.io">http://angular-translate.github.io</a>) is a perfect way to localize your content (custom-strings). But it does NOT translate angular's date, currency or number-filters.</li>
<li>Angular has a built-in mechanism to localize date, currency or number-filters. Translations for supported locales can be found here <a href="https://github.com/angular/angular.js/tree/master/src/ngLocale">https://github.com/angular/angular.js/tree/master/src/ngLocale</a>, the angular-guide is located at <a href="https://docs.angularjs.org/guide/i18n">https://docs.angularjs.org/guide/i18n</a></li>
<li>The problem with angular's built-in mechanism: it's not that easy to change the locale at run time! This is where <a href="https://github.com/lgalfaso/angular-dynamic-locale">https://github.com/lgalfaso/angular-dynamic-locale</a> comes into play. It allows you to change the language at run time pretty easily.</li>
</ul>

So the solution is to use both projects, angular-translate and angular-dynamic-locale.

blocks|key|3513185|text|包括此脚本：https://github.com/lgalfaso/angular-dynamic-locale/blob/master/src/tmhDynamicLocale.js允许在运行时设置语言环境。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3513186|从https://github.com/angular/angular.js/tree/master/src/ngLocale|3513187|Store下载您想要的所有区域设置，例如/assets/js/locales/filename-LOCALE.js+-注意:您在文件名中作为区域设置编写的内容很重要-所需的任何区域设置都将下载到您的模块，包括tmhDynamicLocale作为'tmh.DynamicLocale'，例如var+app+=+angular.module('app',['tmh.DynamicLocale'])；在您的配置中，传入提供程序，即'tmhDynamicLocaleProvider‘，并设置区域设置文件的位置，例如，tmhLocaleProvider.localeLocationPattern('/assets/js/locales/angular-locale-{{locale}}.js');+{{locale}}将被替换为您在运行时设置的区域设置。|unordered-list-item|style|CODE|BOLD|3513188|
|3513189|要在您的应用程序中设置区域设置，在app.run()中，传入'tmhDynamicLocale'服务，例如app.run(['tmhDynamicLocale',function(tmhDynamicLocale){}]);|3513190|3513191|In+tmhLocaleProvider.localeLocationPattern('/assets/js/locales/angular-locale-{{locale}}.js');+run回调，像这样设置区域设置，<代码>D26'tmhDynamicLocale'>。或者，由于tmhDynamicLocale是一项服务，您可以在允许服务注入的不同位置设置区域设置，例如控制器，尽管请记住，服务是单例的，在控制器中设置区域设置将在整个应用程序中进行设置。|3513192|3513193|有关详细信息，请参阅tmhDynamicLocalehttps://github.com/lgalfaso/angular-dynamic-locale/blob/master/README.md的自述文件|3513194|来源：tmhDynamicLocale的Lucas+Mirelmann。|3513195|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/lgalfaso/angular-dynamic-locale/blob/master/src/tmhDynamicLocale.js|1|https://github.com/angular/angular.js/tree/master/src/ngLocale|2|https://github.com/lgalfaso/angular-dynamic-locale/blob/master/README.md|3|https://github.com/lgalfaso^0|6|2E|0|0|1|1Q|1|0|K|11|2W|G|3E|J|40|1H|5Y|O|74|2J|9O|A|1Y|4|0|0|H|9|U|I|1H|1N|0|0|3|2J|3Z|G|0|0|A|G|Q|20|2|0|3|G|K|F|3|0^^$0|@$1|2|3|4|5|6|7|1B|8|@]|9|@$A|1C|B|1D|1|1E]]|C|$]]|$1|D|3|E|5|6|7|1F|8|@]|9|@$A|1G|B|1H|1|1I]]|C|$]]|$1|F|3|G|5|H|7|1J|8|@$A|1K|B|1L|I|J]|$A|1M|B|1N|I|J]|$A|1O|B|1P|I|J]|$A|1Q|B|1R|I|J]|$A|1S|B|1T|I|J]|$A|1U|B|1V|I|J]|$A|1W|B|1X|I|J]|$A|1Y|B|1Z|I|K]]|9|@]|C|$]]|$1|L|3|M|5|6|7|20|8|@]|9|@]|C|$]]|$1|N|3|O|5|H|7|21|8|@$A|22|B|23|I|J]|$A|24|B|25|I|J]|$A|26|B|27|I|J]]|9|@]|C|$]]|$1|P|3|M|5|6|7|28|8|@]|9|@]|C|$]]|$1|Q|3|R|5|H|7|29|8|@$A|2A|B|2B|I|J]|$A|2C|B|2D|I|J]]|9|@]|C|$]]|$1|S|3|-4|5|6|7|2E|8|@]|9|@]|C|$]]|$1|T|3|U|5|6|7|2F|8|@$A|2G|B|2H|I|J]]|9|@$A|2I|B|2J|1|2K]]|C|$]]|$1|V|3|W|5|6|7|2L|8|@$A|2M|B|2N|I|J]]|9|@$A|2O|B|2P|1|2Q]]|C|$]]|$1|X|3|-4|5|6|7|2R|8|@]|9|@]|C|$]]]|Y|$Z|$5|10|11|12|C|$13|14]]|15|$5|10|11|12|C|$13|16]]|17|$5|10|11|12|C|$13|18]]|19|$5|10|11|12|C|$13|1A]]]]

Including this script: <a href="https://github.com/lgalfaso/angular-dynamic-locale/blob/master/src/tmhDynamicLocale.js" rel="nofollow">https://github.com/lgalfaso/angular-dynamic-locale/blob/master/src/tmhDynamicLocale.js</a> enables locales to be set during run time.

<ol>
<li>Download all the locales you want from <a href="https://github.com/angular/angular.js/tree/master/src/ngLocale" rel="nofollow">https://github.com/angular/angular.js/tree/master/src/ngLocale</a></li>
<li>Store the locales in a directory on your web server, e.g. <code>/assets/js/locales/filename-LOCALE.js</code> - note: what you write as the LOCALE in the filename is important - any locales required will get downloaded dynamically.</li>
<li>In your module, include <code>tmhDynamicLocale</code> as <code>'tmh.DynamicLocale'</code> e.g. <code>var app = angular.module('app',['tmh.DynamicLocale'])</code>;</li>
<li>In your config, pass in the provider i.e. '<code>tmhDynamicLocaleProvider</code>' and set the location of your locale files, e.g. <code>tmhLocaleProvider.localeLocationPattern('/assets/js/locales/angular-locale-{{locale}}.js');</code> <code>{{locale}}</code> will be swapped out for the locale you set at run time.</li>
<li>To set the locale across your app, in <code>app.run()</code>, pass in the <code>'tmhDynamicLocale'</code> service e.g. <code>app.run(['tmhDynamicLocale',function(tmhDynamicLocale){}]);</code></li>
<li>In your run callback, set the locale like this, <code>tmhDynamicLocale.set('en-gb');</code>. Alternatvely, as <code>tmhDynamicLocale</code> is a service, you could set the locale in different places service injections are allowed, e.g. controllers, although bear in mind, services are singletons, and setting the locale in a controller will set it across the app.</li>
</ol>

You should now have the correct locale running. For further info, use the README for <code>tmhDynamicLocale</code>:<a href="https://github.com/lgalfaso/angular-dynamic-locale/blob/master/README.md" rel="nofollow">https://github.com/lgalfaso/angular-dynamic-locale/blob/master/README.md</a>

Credit: <a href="https://github.com/lgalfaso" rel="nofollow">Lucas Mirelmann</a> for <code>tmhDynamicLocale</code>.

blocks|key|5150853|text|我发现了一些有趣的东西。它不是angular，但它是jquery，所以集成应该是可以的。我会测试性能，然后给你反馈信息。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5150854|https://github.com/js-coder/x18n/wiki/Getting-started|offset|length|5150855|https://github.com/js-coder/jQuery.x18n|5150856|entityMap|0|LINK|mutability|MUTABLE|url|1^0|0|0|1H|0|0|0|13|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@$D|R|E|S|1|T]]|A|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@$D|V|E|W|1|X]]|A|$]]|$1|H|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|C]]|O|$5|K|L|M|A|$N|G]]]]

I found something interesting. It is not angular but it is jquery so integration should be ok.
I will test performances and get back with info.

<a href="https://github.com/js-coder/x18n/wiki/Getting-started" rel="nofollow">https://github.com/js-coder/x18n/wiki/Getting-started</a>

<a href="https://github.com/js-coder/jQuery.x18n" rel="nofollow">https://github.com/js-coder/jQuery.x18n</a>

blocks|key|5151637|text|如果要加载浏览器的angularJS本地化版本，请在项目中安装https://github.com/angular/bower-angular-i18n和https://github.com/lgalfaso/angular-dynamic-locale。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|5151638|阅读要安装的每个库的文档。这是我的Ionic项目的一个例子：|5151639|my+index.html中的|5151640|：|ordered-list-item|5151641|5151642|...+...+my+app.js中的|5151643|unordered-list-item|5151644|5151645|tmhDynamicLocaleProvider.localeLocationPattern('lib/angular-i18n/angular-locale_{{locale}}.js')；app+=angular.module(‘项目名称’，'ionic'，...，'tmh.dynamicLocale')；...+//+tmhDynamicLocaleProvider+app.config(function(tmhDynamicLocaleProvider)+{+//覆盖存储的Angular+i18n语言环境文件的默认路径(Angular/i18n/Angular-+locale+_{locale}}.js)+...+)...app.run(function($rootScope，$ionicPlatform，...，tmhDynamicLocale){+//设置角度格式的区域设置var+inArray+=function(针，草堆){+var+key+=+''；for+(草堆中的键){+if+(haystackkey+===针){+return+true；}}+return+false；}；var+preferredLanguage+=+navigator.language+%7C%7C+navigator.browserLanguage+%7C%7C+navigator.systemLanguage+%7C%7C+navigator.userLanguage；if+(typeof+preferredLanguage+===+'string')+{+var+====+preferredLanguage.substring(2，0)；if+(inArray(+code，PROPERTIES.LANGUAGES))+{+tmhDynamicLocale.set(code)；}}+...|5151646|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/angular/bower-angular-i18n|1|https://github.com/lgalfaso/angular-dynamic-locale^0|V|19|0|25|1E|1|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@$A|13|B|14|1|15]|$A|16|B|17|1|18]]|C|$]]|$1|D|3|E|5|6|7|19|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|1A|8|@]|9|@]|C|$]]|$1|H|3|I|5|J|7|1B|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|1C|8|@]|9|@]|C|$]]|$1|L|3|M|5|6|7|1D|8|@]|9|@]|C|$]]|$1|N|3|-4|5|O|7|1E|8|@]|9|@]|C|$]]|$1|P|3|-4|5|6|7|1F|8|@]|9|@]|C|$]]|$1|Q|3|R|5|6|7|1G|8|@]|9|@]|C|$]]|$1|S|3|-4|5|6|7|1H|8|@]|9|@]|C|$]]]|T|$U|$5|V|W|X|C|$Y|Z]]|10|$5|V|W|X|C|$Y|11]]]]

If you want to load the angularJS localization of your browser, install <a href="https://github.com/angular/bower-angular-i18n" rel="nofollow">https://github.com/angular/bower-angular-i18n</a> and <a href="https://github.com/lgalfaso/angular-dynamic-locale" rel="nofollow">https://github.com/lgalfaso/angular-dynamic-locale</a> in your project.

Read the documentation of each library to install. This is an example of my Ionic project:

<ol>
<li>In my index.html:

<pre><code>...
&lt;!-- angular-dynamic-locale--&gt;
&lt;script src="lib/angular-dynamic-locale/tmhDynamicLocale.min.js"&gt;&lt;/script&gt;
...
</code></pre></li>
<li>In my app.js

<pre><code>var app = angular.module('project-name', ['ionic',..., 'tmh.dynamicLocale']);
...
// tmhDynamicLocaleProvider
app.config(function(tmhDynamicLocaleProvider) {
 // override the default path (angular/i18n/angular-locale_{{locale}}.js) to the stored Angular i18n locale files
 tmhDynamicLocaleProvider.localeLocationPattern('lib/angular-i18n/angular-locale_{{locale}}.js');
})
...
app.run(function($rootScope, $ionicPlatform, ..., tmhDynamicLocale){
 // set locale for angular formats 
 var inArray = function(needle, haystack) {
 var key = '';
 for (key in haystack) {
 if (haystack[key] === needle) {
 return true;
 }
 }
 return false;
 };
 var preferredLanguage = navigator.language || navigator.browserLanguage || navigator.systemLanguage || navigator.userLanguage;
 if (typeof preferredLanguage === 'string') {
 var code = preferredLanguage.substring(2, 0);
 if (inArray(code, PROPERTIES.LANGUAGES)) {
 tmhDynamicLocale.set(code);
 }
 }
 ...
</code></pre></li>
</ol>

blocks|key|5242976|text|Angular为i18n/l10n提供了强大支持。您可以找到指南here+|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|5242977|我们的应用程序的需求决定了我们如何实现这种支持。|5242978|5242979|如果我们的应用程序只需要一个区域设置，或者应用程序的最终用户只属于一个特定的区域设置，那么我们可以将i18n/l10n的应用程序范围限制为仅该区域设置|ordered-list-item|5242980|5242981|你可以在我之前的一个答案here中找到关于我们如何实现这些事情的很好的解释。|5242982|5242983|如果我们想要为某个特定的组件、指令或部件提供某种其他格式或区域设置的显示，那么我们可以使用一些指令、组件甚至是|5242984|的过滤器|5242985|您可以在here中找到使用过滤器实现此类实现的示例小提琴|5242986|+function+MyController($scope)+{
+++$scope.property+=+{
+++++price:+50000000.557
+++}
+}

+function+toLocaleCurrencyFilter($filter)+{
++return+function(amount,+currencySymbol,+fractionSize,+locale)+{
++++var+returnValue+=+Number(parseFloat(amount)).toLocaleString(locale,+{
++++++minimumFractionDigits:+parseInt(fractionSize),
++++++maximumFractionDigits:+parseInt(fractionSize),
++++});
++++returnValue+=+returnValue+%2B+"+"+%2B+currencySymbol
++++return+returnValue;
++};
+}
+angular.module('myApp',+[])
+++.controller('MyController',+['$scope',+MyController])
+++.filter('toLocaleCurrency',+['$filter',+toLocaleCurrencyFilter]);|code-block|syntax|javascript|5242987|5242988|如果我们想要动态区域设置，那么您需要使用新的区域设置重新加载浏览器，将其保存到本地存储中才能生效。您可以将1中描述的解决方案与一些动态特性结合使用。|5242989|5242990|entityMap|0|LINK|mutability|MUTABLE|url|https://docs.angularjs.org/guide/i18n|1|https://stackoverflow.com/questions/27547680/angular-js-currency-symbol-euro-after/#answer-47881020|2|http://jsfiddle.net/samuelj90/ADukg/16945/^0|W|5|0|0|0|0|0|0|C|4|1|0|0|0|0|4|4|2|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1E|8|@]|9|@$A|1F|B|1G|1|1H]]|C|$]]|$1|D|3|E|5|6|7|1I|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|1J|8|@]|9|@]|C|$]]|$1|G|3|H|5|I|7|1K|8|@]|9|@]|C|$]]|$1|J|3|-4|5|6|7|1L|8|@]|9|@]|C|$]]|$1|K|3|L|5|6|7|1M|8|@]|9|@$A|1N|B|1O|1|1P]]|C|$]]|$1|M|3|-4|5|6|7|1Q|8|@]|9|@]|C|$]]|$1|N|3|O|5|I|7|1R|8|@]|9|@]|C|$]]|$1|P|3|Q|5|6|7|1S|8|@]|9|@]|C|$]]|$1|R|3|S|5|6|7|1T|8|@]|9|@$A|1U|B|1V|1|1W]]|C|$]]|$1|T|3|U|5|V|7|1X|8|@]|9|@]|C|$W|X]]|$1|Y|3|-4|5|6|7|1Y|8|@]|9|@]|C|$]]|$1|Z|3|10|5|I|7|1Z|8|@]|9|@]|C|$]]|$1|11|3|-4|5|6|7|20|8|@]|9|@]|C|$]]|$1|12|3|-4|5|6|7|21|8|@]|9|@]|C|$]]]|13|$14|$5|15|16|17|C|$18|19]]|1A|$5|15|16|17|C|$18|1B]]|1C|$5|15|16|17|C|$18|1D]]]]

Angular provide great support for i18n/l10n.
You can find the guide <a href="https://docs.angularjs.org/guide/i18n" rel="nofollow noreferrer">here </a> 

The requirements for our application determines how we can implement this support.

<ol>
<li>If our application requires only a single locale or the end users of our application belongs only to a particular locale then we can restrict our application scope for i18n/l10n to only that locale</li>
</ol>

You can find a good explanation of how we can achieve such things in one of my previous answers <a href="https://stackoverflow.com/questions/27547680/angular-js-currency-symbol-euro-after/#answer-47881020">here</a>.

<ol start="2">
<li>If we want to serve a particular component, directive or part to display in some other format or locale then we can go for some directives components or even a filter for that</li>
</ol>

You can find an example fiddle for such implementation using a filter can be found <a href="http://jsfiddle.net/samuelj90/ADukg/16945/" rel="nofollow noreferrer">here</a>

<pre><code> function MyController($scope) {
 $scope.property = {
 price: 50000000.557
 }
 }

 function toLocaleCurrencyFilter($filter) {
 return function(amount, currencySymbol, fractionSize, locale) {
 var returnValue = Number(parseFloat(amount)).toLocaleString(locale, {
 minimumFractionDigits: parseInt(fractionSize),
 maximumFractionDigits: parseInt(fractionSize),
 });
 returnValue = returnValue + " " + currencySymbol
 return returnValue;
 };
 }
 angular.module('myApp', [])
 .controller('MyController', ['$scope', MyController])
 .filter('toLocaleCurrency', ['$filter', toLocaleCurrencyFilter]);
</code></pre>

<ol start="3">
<li>If we want dynamic locale then you need to reload browser with the new locale settings by saving it into local storage to take effect.
you can use the solution described in 1 with some dynamic nature.</li>
</ol>

blocks|key|3513298|text|如果你使用的是webpack和typescript，你可以动态加载你的语言环境。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3513299|++++export+const+loadLocale+=+function(lng){
++++if(lng+!=+'en'){
++++++++require('./angular-locale_'+%2B+lng+%2B+'.js');
++++}
};|code-block|syntax|javascript|3513300|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If you are using webpack and typescript, you can load your locale dynamically.

<pre><code> export const loadLocale = function(lng){
 if(lng != 'en'){
 require('./angular-locale_' + lng + '.js');
 }
};
</code></pre>

blocks|key|5243026|text|您还可以使用翻译服务来获取浏览器的区域设置，然后使用它来执行所需的操作。。。例如，在ShortDatePipe中：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5243027|+++import+{+Pipe,+PipeTransform}+from+'@angular/core';
++++import+{+formatDate++}+from+'@angular/common';
++++import+{+TranslateService+}+from+'@ngx-translate/core';

++++@Pipe({
++++++name:+'shortDate'
++++})
++++export+class+ShortDatePipe+implements+PipeTransform+{
++++++++constructor(private+translateService:+TranslateService)+{+}

++++++++transform(value:+string):+string+{
++++++++++++var+language:+string+=+this.translateService.getBrowserCultureLang();
++++++++++++console.log(language);
++++++++++++return+(value+==+""+%7C%7C+value+==+null)+?+""+:+formatDate(value,+'shortDate',+language);
++++++++}

++++}|code-block|syntax|javascript|5243028|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

you can also use the translation service to get the browser's locale then use it to do what you need. . . for example, in a ShortDatePipe: 

<pre><code> import { Pipe, PipeTransform} from '@angular/core';
 import { formatDate } from '@angular/common';
 import { TranslateService } from '@ngx-translate/core';

 @Pipe({
 name: 'shortDate'
 })
 export class ShortDatePipe implements PipeTransform {
 constructor(private translateService: TranslateService) { }

 transform(value: string): string {
 var language: string = this.translateService.getBrowserCultureLang();
 console.log(language);
 return (value == "" || value == null) ? "" : formatDate(value, 'shortDate', language);
 }

 }
</code></pre>

Can I set $locale for some application manually?

Is it possible that only way to support locals is to include localization file from angular library for current locale. What if there are multiple cultures? In that case I have to load localization files dynamically? What am I missing?

Angularjs and $locale

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我可以为一些应用程序手动设置$locale吗？有没有可能支持本地变量的唯一方法是包含当前区域设置的angular库中的本地化文件。如果有多个文化该怎么办？在这种情况下，我必须动态加载本地化文件吗？我遗漏了什么？

问Angularjs和$locale
EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Angularjs和$localeEN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Angularjs和$locale
EN