angularjs过滤'date'和$ locale服务

Question

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

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

如果找到了$locale服务但是没有kwnow如何在fr-fr中指定语言环境...

以下代码:

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

给:

2014年10月6日星期一

但我想要 :

Lundi 06 Octobre 2014

有什么建议？

Answer 1

最后我在angular github页面上找到了响应:https: //github.com/angular/bower-angular-i18n#bower-angular-i18n

编辑:更多关于什么对我有用的信息

在根应用程序目录中,从bower安装资源

bower install angular-i18n

<script>如果您使用bower/buildjs将所有脚本压缩为vendor.jsfile ,请在此注释标记之间添加一个index.html :

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

而已.

Answer 2

使用示例,根据 https://docs.angularjs.org/guide/i18n

1)从角度仓库或通过凉亭获取您需要的区域设置,例如//raw.githubusercontent.com/angular/bower-angular-i18n/master/angular-locale_fr-fr.js

2)在角度库之后包括它,例如

<script src="vendor/angular.min.js"></script>
<script src="vendor/angular-locale_fr-fr.js"></script>

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