如何在angularjs中的選擇框選項ng-translate

Question

如何應用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 for gender in genders | translate" 但顯然它被添加過濾到$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! 

這似乎是一個簡單的任務，但它已經採取我的一天的一半，我做錯了什麼:(

Answer 1

您需要應用篩選器gender.name和不將genders數組：

<select ng-model="me.gender" ng-options="gender.name | translate for gender in genders"></select> 

Here is a demo