AngularJS翻译：格式化动态日期

Question

使用AngularJS和angular-translate，我试图在翻译的文本中插入一个日期作为参数。

翻译包记录了基本任务：

<p>{{ 'MyText' | translate:{myDate:someControllerDate} }}</p>

在本地化的json文件中：

(english)'MyText': 'This is the date: {{myDate}}.'
(danish) 'MyText': 'Dette {{myDate}} er datoen.'

这给了我：

（英语），这是日期：2015-04-29T00：00：00。

（丹麦文）Dette 2015-04-29T00：00：00 er datoen。

问题： 我想格式化日期以匹配语言（或文化），但现在的语言已经足够好了。

理想的结果是：

（英语），这是日期：2015年4月29日。

（丹麦）黛特（Dette）2015年4月29日。

我一直希望遵循以下语法：

(english)'MyText': 'This is the date: {{myDate:MM-dd-yyyy}}.'
(danish) 'MyText': Dette {{myDate:dd-MM-yyyy}} er datoen.'

也许：

<p>{{ 'MyText' | translate:{{myDate:someControllerDate | translate:'MyDateFormat'}} }}</p>

与

(english)'MyDateFormat': 'MM-dd-yyyy'
(danish) 'MyDateFormat': 'dd-MM-yyyy'

有没有一种方法可以达到期望的结果，最好不必在控制器内部格式化日期（保持逻辑和视图分离）？

Answer 1

假设您具有以下angular-translate翻译定义：

//de    
"with_date": "German: {{date|date:'short'}}"

//en    
"with_date": "English: {{date|date:'medium'}}"

然后在视图中可以执行以下操作：

<h1>{{ 'with_date'|translate:{date:today} }}</h1>

凡today在控制器即定义：

$scope.today = new Date();

假设您已加载angular- locale_*正确的语言环境，则日期将以特定于语言/国家/地区的方式进行格式化。

这是一个演示。

前面已经说过，angular（ngLocale）中内置的本地化机制非常有限，当涉及到日期时，您可以使用moment.js实现奇迹