如何在选择框中应用ng-translate翻译选项。
例如：
例如：
模板：
<select class="form-control" ng-model="me.gender" ng-options="gender.name for gender in genders"> </select>
控制器：
$scope.genders = [{code: "M",name:"TXT_MALE"},{code: "F",name:"TXT_FEMALE"}]
enUS.json：
{
"TXT_MALE": "Male","TXT_FEMALE": "Female",}
我试过添加过滤器像ng-options =“gender.name性别性别|翻译”
但显然它是添加过滤器到$ scope.genders数组而不是单个元素
我试着写自己的过滤器(我是新的这个)
filter('translateArrayObj',['$translate','_',function($translate,_) {
return function(arr) {
var arr2 = [];
angular.forEach(arr,function (value,key) {
$translate(value.name).then(function(translation) {
var obj2 = angular.copy(value);
obj2.name = translation;
obj2.code = value.code;
arr2.push(obj2);
});
});
return arr2;
}
}])
但我得到以下错误
Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!
这看起来像一个简单的任务，但它已经花了一半的一天，我做错了:(
您需要将过滤器应用于gender.name，而不是genders数组：
<select ng-model="me.gender" ng-options="gender.name | translate for gender in genders"></select>
