javascript - 如何使用 angular-translate 从 HTML 中的函数获取翻译 ID

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我应该在我的 HTML 代码中进行翻译)

Answer 1

您可以使用 translate过滤器:

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