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>
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>