How to ng-translate inside select box option in angularjs How to ng-translate inside select box option in angularjs angularjs angularjs

How to ng-translate inside select box option in angularjs


You need to apply the filter to gender.name and not to the genders array:

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

Here is a demo


Another simpler method by using md-select, here placeholder is also used

JSON:"placeholder":{ "gender": "Gender"},"gender": { "TXT_MALE": "Male", "TXT_FEMALE": "Female"}

HTML Code:

<md-select ng-model="gender" placeholder="{{'placeholder.gender' | translate}}" ng-required="true" style="width: 160px;" >    <md-option ng-value="gender .code" ng-repeat="gender in genders" translate="gender.{{gender.name}}"></md-option></md-select>