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。

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

想要的结果是：

（英文）这是日期：04-29-2015。

（丹麦语）Dette 29-04-2015 er datoen.

我希望有这样的语法：

(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_*，则日期将以特定语言/国家/地区的方式格式化。

这是demo。

话虽如此，Angular (ngLocale) 内置的本地化机制非常有限，当涉及到日期时，您可以使用 moment.js 创造奇迹