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.'

这给了我：

(english) 这是日期：2015-04-29T00:00:00.

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

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

期望的结果是：

(english) 这是日期：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_*，日期将以 language/country 特定方式进行格式化。

这是一个demo。

话虽如此，angular 内置了本地化机制（ngLocale) is very limited and when it comes to dates you can accomplish wonders with moment.js

AngularJS translate: Format dynamic dates