AngularJS：如何翻译md-placeholder？

Question

我有一个非常简单的使用AngularJS的日期选择器，我想给它一个占位符来使用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），translate（模块：   pascalprecht.translate）]要求新的/隔离范围：

     

＆LT; md-datepicker class =＆＃34; ng-pristine ng-untouched ng-valid   _MD-日期选择器-具有三角形图标＆＃34; NG-模型=＆＃34; vm.calendarEvent.start＆＃34; ng-model-options =＆＃34; {timezone：＆＃39; UTC＆＃39; }＆＃34; md-placeholder =＆＃34; Une date＆＃34;   翻译=＆＃34;＆＃34;翻译-MD-占位符=＆＃34; PROF.SHARE.DUE＆＃34;＆GT;

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>