2014-10-06 61 views
12

似乎angularjs嵌入一些国际资源:

角支撑国际化/日期,数字和货币过滤器的本地化。 此外,Angular通过ngPluralize指令支持本地化的多元化支持 。所有可本地化的Angular组件 都依赖于由$ locale服务管理的特定于语言环境的规则集。

如果发现$locale service但不kwnow如何指定在FR-FR语言环境......

下面的代码:

{{article.date_collected | date:'EEEE dd MMMM yyyy'}} 

给出:

Monday 06 October 2014

但我想:

Lundi将军06 OCTOBRE 2014

有什么建议?

回答

25

终于让我找到了角的GitHub页面上的回应: https://github.com/angular/bower-angular-i18n#bower-angular-i18n

编辑:从亭子为我工作

在你的根应用程序目录的详细信息,请安装资源

bower install angular-i18n 

如果您使用bower/buildjs将所有脚本压缩到vendor.js文件,则在此评论标记之间为您的index.html添加<script>

<!-- endbower --> 
<script src="bower_components/angular-i18n/angular-locale_fr-fr.js"></script> 
<!-- endbuild --> 

就是这样。

+0

你可以添加一个例子到回答? – 2015-08-04 13:32:58

+0

例子会很好。我无法找到任何有用的背后的链接。 – 2015-08-19 06:25:40

+0

还有没有例子?它会真的帮助! – 2016-06-22 16:28:22

6

使用示例,按照 https://docs.angularjs.org/guide/i18n

1)得到的区域设置您从角回购或通过亭子,例如需要2)将其包括在角库之后,例如,将其包括在角库中。 3)现在,只要您使用ng日期过滤器显示日期,它将采用法语 - 法国,而不是美国英语格式,例如美国英语。

{{date | date: 'fullDate'}} 

还有得是处理了几个当地人,编程,这是AngularJS主页“啤酒柜台”例如在做的方式,与

angular.module('app-us', ['app', 'ngLocal.us']); 
angular.module('app-sk', ['app', 'ngLocal.sk']); 

<script src="//code.angularjs.org/1.4.4/i18n/angular-locale_sk.js"></script> 
<script> 
angular.module('ngLocal.sk', [])._configBlocks.push(angular.module('ngLocale')._configBlocks[0]); 
</script> 
<script src="//code.angularjs.org/1.4.4/i18n/angular-locale_en-us.js"></script> 
<script> 
angular.module('ngLocal.us', [])._configBlocks.push(angular.module('ngLocale')._configBlocks[0]); 
angular.bootstrap(document, ['ngRoute', 'homepage', 'ngLocal.us']); 
</script> 

而这里的一个更清洁的方式来做到这一点: https://github.com/lgalfaso/angular-dynamic-locale