How to ng-translate inside select box option in angularjs
How do I apply ng-translate to translate options inside a select box.
For example:
Template:
-
You need to apply the filter to
gender.nameand not to thegendersarray:<select ng-model="me.gender" ng-options="gender.name | translate for gender in genders"></select>Here is a demo
讨论(0) -
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>讨论(0)
加载中...
- 热议问题