AngularJS：如何翻译 md 占位符？

Question

我有一个使用 AngularJS 的非常简单的日期选择器，我想给它一个占位符以使用 AngularJS translate 来翻译它（就像我通常在我的项目中所做的那样）。

这是我的 HTML 代码：

<div flex class="layout-row">
        <md-datepicker ng-model="vm.calendarEvent.start" ng-model-options="{ timezone: 'UTC' }" md-placeholder="Une date" translate translate-md-placeholder="PROF.SHARE.DUE">
        </md-datepicker>
</div>

这样做会引发此错误：

错误：[$compile:multidir] 多个指令 [mdDatepicker（模块： material.components.datepicker），翻译（模块： pascalprecht.translate)] 要求新的/孤立的范围：

Answer 1

我想你正在md-placeholder 上寻找这个内联翻译：

<div flex class="layout-row">
  <md-datepicker ng-model="vm.calendarEvent.start" 
                 ng-model-options="{ timezone: 'UTC' }" 
                 md-placeholder="{{ 'PROF.SHARE.DUE' | translate  }}">
  </md-datepicker>
</div>