Angularjs选择过滤翻译

Question

我有一个问题，我不知道如何处理它。

我有一个select选项（其中包含ng-repeat，我没有使用ng-options来执行此操作，因为我需要选择ng-class）。

<input ng-model="query" type="text">

<select class="span12 long-list" multiple="multiple">
    <option  ng-class="whatever" value="{{ element[idAttribute] }}"
             ng-repeat="element in elements | filter:query">
                 {{ element[valueAttribute] | translate }}
    </option>
</select>

此代码是模板指令的一部分，因此valueAttribute和idAttribute是dynamique。

使用此代码，过滤器将应用于我的元素对象。 问题是过滤器只适用于对象的未翻译内容，我希望它应用于对象和翻译后的值。

有没有一种简单的方法可以仅使用视图？

我看到两个解决方案，但我必须操纵代码的其他部分： - 使用自定义过滤器，在过滤之前转换该值 - 在每个元素对象中添加已翻译的属性

谢谢