为什么angular-js ng-option未显示为选中状态？

Question

<select ng-model="field.value" class="form-control" ng-attr-name="{{name}}">
            <option selected="selected">{{field.fieldName}}</option>
            <option ng-repeat="app in field.attributes.split(',')" value="{{app}}">{{app}}</option>
</select>

In this code, my expected behaviour is , it will show the select box and it select the first option I have added selected="selected".

but it not selecting that "selected" attribute element.

I have tried this with ng-selected="true" also. It also not help for me. any suggestion for me?

Answer 1

You should be using the ngOptions directive - not a ngRepeat on an option element:

<select ng-model="field.value" ng-options="app as app for app in field.attributes.split(',')" class="form-control" ng-attr-name="{{name}}"></select>

Now simply set your ngModel ( field.value ) to the field you want selected.