如何從功能使用得到翻譯ID在HTML角翻譯

Question

我有一個ng-repeat放置一些圖像從一個數組的標題：

<span ng-repeat="foo in bar">     
    <p ng-click="myFunction(foo)" ng-init="imgsrc=foo.image">              
     <img ng-src="{{imgsrc}}" style="cursor: pointer; cursor: hand"/> 
     <br /> 
     <span >My Caption</span>                     
    </p>  
</span> 

這工作完全，但現在我想改變標題基於當前語言的每幅圖像。我有angular-translate工作是這樣的：

<div translate>MY_TRANSLATION_ID</div> 

但現在我需要從我在循環foo對象獲取翻譯ID。我想：

• <span translate>{{foo.translationID}}</span>
• <span translate>foo.translationID</span>
• 創建函數將返回翻譯ID：
  <span ng-init="text=myTranslate(foo)">{{text}}</span>

但沒有任何工程。這可能嗎？我試圖避免直接在我的foo對象中保存翻譯的字符串，因爲我正在使用異步加載，並且我正在動態更改語言，所以它不是那麼容易，或者我無法正常工作（也按照建議here I應該做我的翻譯在我的HTML代碼）

Answer 1

您可以使用translate濾波器：

<span>{{ foo.translationID | translate }}</span>