AngularJS：如何翻译md占位符？

Question

我有一个使用AngularJS的非常简单的datepicker，我想给它一个占位符，以便使用AngularJS转换它（就像我通常在我的项目中一样）。

这是我的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）]要求以下新/隔离范围：

<md-datepicker class =“ ng-pristine ng-untouched ng-valid _md-datepicker-has-triangle-icon” ng-model =“ vm.calendarEvent.start” ng-model-options =“ {时区：'UTC' }“ md-placeholder =”使用日期“ translation =”“ translate-md-placeholder =” PROF.SHARE.DUE“>

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>